Material Design 是我很喜歡的 Design Guidelines
除了規範既有的設計概念外
還融入了紙、墨、深度等概念
同時也有1部Youtube影片,追蹤數超過7,740的網紅Riven 林育正,也在其Youtube影片中提到,【Untitled 未命名】為 2020 年全新的單元節目,將邀請業界的設計師們來聊聊天。 本集邀請到的設計師為在知名金融支付公司擔任資深設計師主管(Design Lead) 的 Rei,講講自己是如何從企管背景,轉職到設計師職業,並跟大家說了自己公司 UI 設計師的工作內容,以及 UI/UX 的...
「ui guidelines」的推薦目錄:
ui guidelines 在 卡斯伯 Facebook 的最讚貼文
工程師怎麼學視覺設計
美學相對於其他理論是較為抽象、主觀的
但並非沒有快速上手的方法
首先要先將問題簡化
修圖、色彩學、排版、UI、字型學先視為獨立理論
我們應專注在特定的主題上學習
### 設計的基準,整齊 ⭐⭐⭐⭐⭐
這是最簡單也是最難的
在一開始不要挑戰 "有特色" 的排版
而是依據不同的平台、載具、呈現環境
參考相依的設計文件規範來制定格線
然後將物件依據格線排列
Web 來說可以參考 Bootstrap
Android 可以參考 Material Design 等
觀念可參考:https://material.io/guidelines/layout/responsive-ui.html#responsive-ui-grid
### 色彩的配置 ⭐⭐⭐⭐
在美感之前
色彩是用來吸引目光的
以網頁來說我們可以把用途歸類三個等級
1. 內容、不重要的訊息等 (黑、白、灰階)
2. 可操作的內容,主要的訊息、品牌色調 (主色)
3. 最重要的行為,例如購買 (強調色)
依據這個配置只能選擇兩個色彩
主色、強調色
主色用於大部分的情境
強調色只在唯一最重要的行為 (甚至不使用)
剩下都是黑、白、灰階
這是目前相當主流的配色方法
簡單、穩定、且訊息傳達力強
觀念可參考:https://material.io/guidelines/style/color.html#color-usability
### 字體配置 ⭐⭐⭐
字體可以表現出一句文字的
文化、語氣、重要性、氣質、個性等等
就如同我們看日本人與其他亞洲人
就算沒有透過語言
從行為舉止及穿著幾乎可以認定氣質上的差異
簡化說明
字體就類型上分為兩大類
- 無襯線字體 - 也稱為黑體
- 有襯線字體 - 也稱為明體、宋體
以識別性來說首推黑體
可以避免在不同系統上的呈現落差
中文可用:Noto Sans、蘋方、微軟正黑體
英文可用:Helvetica Neue, Roboto, Segoe UI, Ubuntu ...
(英文可用的非常多,以上只是常見的)
---
除了以上說明外
不外乎就是多看相關文件
以及實作練習
可參考設計文件:
- Material Design
- iOS Human Interface Guidelines
- Bootstrap
Bootstrap 嚴格來說不算是純設計文件,
但其中觀念非常值得參考
#每日一觀點 #15
ui guidelines 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最佳貼文
คำว่า "material design" ผมได้ยิน เมื่อครั้งกะโน่น คราวที่ Google นำมาใช้ออกแบบหน้าตาแอพบน Android
material design ถ้าตามความเข้าใจผม
มันคือไกด์ไลน์ หรือวิธีออกแบบหน้า UI ที่ดี ให้มันสวยๆ น่าลองใช้ น่าสัมผัส ตามไสตล์ Google ต้องทำอย่างไร?
ถ้าไปอ่านเอกสารเรื่องนี้ จะเขียนอธิบายอย่างละเอียด (เนื้อหาเยอะมาก) สามารถนำไปประยุกต์ออกแบบหน้าตาโปรแกรม หรือเว็บก็ได้
ถึงขนาด Google เรียก material design ว่าเป็น "visual language" ( แปลเป็นไทยอะไรดีล่ะ ....ภาษาวิชวล ....ภาษาออกแบบ UI ....ภาษามองเห็น)
ในลิงค์นี้ เป็นตัวอย่างเรื่องการใช้สี
https://material.io/guidelines/style/color.html…
๙๙๙๙๙๙๙๙๙๙๙๙๙๙๙
เครดิต Armmain Apichat ขอบคุณที่แนะนำมาครับ
ui guidelines 在 Riven 林育正 Youtube 的最讚貼文
【Untitled 未命名】為 2020 年全新的單元節目,將邀請業界的設計師們來聊聊天。
本集邀請到的設計師為在知名金融支付公司擔任資深設計師主管(Design Lead) 的 Rei,講講自己是如何從企管背景,轉職到設計師職業,並跟大家說了自己公司 UI 設計師的工作內容,以及 UI/UX 的定義與差別等等,也給予目前還是大學生或想轉職的上班族,一些準備上跟求職的建議。
同時,在下集也帶領大家一起看了 Apple 公司的 Design Guidelines 設計規範(Apple Human Interface Guidelines) 有哪些重點資訊,以及分享過去在 Daily UI 挑戰中的感想,最近還有新計畫要跟大家說⋯
#UI #設計師 #Untitled未命名
-
👨🏻💻 追蹤 Riven 的 Facebook 動態
https://fb.me/Riven.Design
📰 發摟 Medium 設計部落格
https://medium.com/@Riven
📡加入 Telegram 頻道會收到最新消息
https://t.me/rar_design
ui guidelines 在 IntelliJ Platform UI Guidelines 的推薦與評價
IntelliJ Platform UI Guidelines. When working on an IntelliJ Platform based IDE or a plugin, use these guidelines to create consistent and usable user ... ... <看更多>
ui guidelines 在 UI Guideline - Pinterest 的推薦與評價
2017-5-10 - Explore Apura Lin's board "UI Guideline" on Pinterest. ... <看更多>