Material Design 是我很喜歡的 Design Guidelines
除了規範既有的設計概念外
還融入了紙、墨、深度等概念
human interface guidelines 在 卡斯伯 Facebook 的最佳貼文
同時也有1部Youtube影片，追蹤數超過7,740的網紅Riven 林育正，也在其Youtube影片中提到，【Untitled 未命名】為 2020 年全新的單元節目，將邀請業界的設計師們來聊聊天。 本集邀請到的設計師為在知名金融支付公司擔任資深設計師主管(Design Lead) 的 Rei，講講自己是如何從企管背景，轉職到設計師職業，並跟大家說了自己公司 UI 設計師的工作內容，以及 UI/UX 的...
「human interface guidelines」的推薦目錄：
- 關於human interface guidelines 在 卡斯伯 Facebook 的最佳貼文
- 關於human interface guidelines 在 卡斯伯 Facebook 的最佳貼文
- 關於human interface guidelines 在 卡斯伯 Facebook 的精選貼文
- 關於human interface guidelines 在 Riven 林育正 Youtube 的最佳貼文
- 關於human interface guidelines 在 7 Human Interface Guidelines ideas - Pinterest 的評價
- 關於human interface guidelines 在 About the 2017 HIG 的評價
- 關於human interface guidelines 在 UI/UX DESIGNER, profile picture - Facebook 的評價
- 關於human interface guidelines 在 Elethom/HIG - iOS Human Interface Guidelines - GitHub 的評價
- 關於human interface guidelines 在 Old versions of the OS X Human Interface Guidelines - Apple ... 的評價
- 關於human interface guidelines 在 Does usability suffer if you don't follow the iOS human ... - Quora 的評價
human interface guidelines 在 卡斯伯 Facebook 的最佳貼文
整理今天晚上要介紹的內容時
順便整理了很多常用網站資源
直接列表給大家囉
### icon、向量圖庫
- https://fontawesome.com/?from=io
- https://icomoon.io/
- http://www.iconninja.com/
- http://www.flaticon.com/
### Web fonts、字體
- https://www.justfont.com/
- https://fonts.google.com/
- https://fonts.google.com/earlyaccess
- https://typekit.com/
### 點陣圖庫
- https://unsplash.com/
- https://stocksnap.io/
- http://cc0photo.com/
## 設計參考
### 優質設計：
- https://www.behance.net/
- https://dribbble.com/
- https://www.pinterest.com/
### 網頁設計：
- https://onepagelove.com/?ref=logo
- https://www.awwwards.com/
- https://www.cssdesignawards.com/
- https://mediaqueri.es/
### 設計規範：
- https://material.io/
- https://developer.apple.com/design/human-interface-guidelines/
- http://findguidelin.es/
- http://uxtimeline.com/
### 配色工具：
- https://color.adobe.com/
- http://paletton.com/
human interface 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
human interface 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
human interface guidelines 在 About the 2017 HIG 的推薦與評價
These Human Interface Guidelines (HIG) were created to support Unity editor versions 2017-19. While we are preparing a new HIG that will support future ... ... <看更多>
human interface guidelines 在 UI/UX DESIGNER, profile picture - Facebook 的推薦與評價
Apple Human Interface Guideline ☕️ https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/system-icons/ ... <看更多>
human interface guidelines 在 7 Human Interface Guidelines ideas - Pinterest 的推薦與評價
Mar 2, 2012 - Explore Jaireh Tecarro's board "Human Interface Guidelines", followed by 263 people on Pinterest. See more ideas about human interface ... ... <看更多>