1. 設(shè)計風(fēng)格
- 設(shè)計：
人類有目的性的審美活動。
- 風(fēng)格：
設(shè)計的不同視覺展現(xiàn)形式。
2. 如何確定設(shè)計風(fēng)格
- 尋找產(chǎn)品氣質(zhì)
熱情、年輕、時尚、科技等
- 確定主色
一般品牌色就是主色，與logo主色一致；
主色一般用在應(yīng)用的navbar或tabbar上，因為是用戶最容易看到，且始終保持一致的地方；
- 圖標(biāo)插圖
- 字體選擇
- 排版
- 文案
如淘寶“抽風(fēng)，網(wǎng)絡(luò)又抽風(fēng)了”、“親，懶死你算了”
3. 顏色
- 主色
- 輔色
- 點睛色
- RGB
Red Green Blue即紅綠藍三種基本色，通過不同的數(shù)值比例組成255255255=1678萬種色彩，故又稱為1600萬色或千萬色，或24位色（2^24）
紅+綠=黃，紅+藍=品紅，綠+藍=青，紅+綠+藍=白
- HSB
Hues 色相，有紅橙黃綠青藍紫7種；
Saturation 飽和度，色彩的艷麗程度；
Brightness 明度，色彩的明暗程度，深淺程度；
4. 色彩搭配
- 色環(huán)
就是將彩色光譜中所見的長條形的色彩序列，首尾相連成環(huán)狀。
通常包括12種色彩：紅、橙、黃、黃綠、綠、青綠、青、靛、藍、紫、品紅、紫紅。
- 互補色
即色環(huán)中互為補角180°的兩種顏色，如紅-青，基本可理解為互為冷暖系的色
- 三色搭配原則
即一個設(shè)計作品中，單個界面的顏色應(yīng)該保持在三種以內(nèi)，這里的色指色相H，否則會顯得眼花繚亂，分散用戶注意力。
5. 顏色選擇
- 白色+藍色是安全的小白用戶色。
- iOS Human Interface Guidelines中給出了8種色，可以作為參考。
- 顏色的性格
色彩心理學(xué)
紫色的光波最短，在自然界中較少見到，所以象征高貴、神秘。
6. 字體
- 襯線體和無襯線體
襯線體serif，即在字體的始末處有裝飾筆畫的字體，有橫細豎粗的規(guī)范，如宋體、Times等，常用于正文的閱讀內(nèi)容；
無襯線體sans-serif，即沒有裝飾筆畫的字體，如微軟雅黑、Arial等，也稱為等寬字體，常用于標(biāo)題等需要醒目卻不被長時間閱讀的地方；
- 系統(tǒng)默認字體
iOS8 中文-“華文黑體”，英文/數(shù)字-"Helvetica Neue"，實際設(shè)計中，ps字體要選擇為“黑體-簡/Heiti SC”和“Helvetica Neue”；iOS9中則為“蘋方”和“San Francisco”；
Android字體為“Droid Sans Fallback”+“Droid Sans”，4.x的英文字體為“Roboto”，5.x的字體為“思源黑體”+“Roboto”；
- 內(nèi)嵌字體
保證各個平臺的app在使用體驗上的一致，可使用FontCreator將ttf字庫中不需要的字體刪除，以縮小app安裝包的體積。
