這是一本指導從零開始學習UI設(shè)計的新人如何進行"創(chuàng)作”的書。本書不會在理論方面進行長篇大論,只聚焦于UI設(shè)計師職能的第一步——設(shè)計出正確、優(yōu)美的界面。如果你發(fā)現(xiàn)看完了UI設(shè)計相關(guān)的圖書,依舊做不好界面,缺乏對UI系統(tǒng)清晰的認識,那么建議你在本書中尋找答案。
柯皓(@酸梅干超人),10年設(shè)計經(jīng)驗,2010年加入奧美大中華區(qū),后轉(zhuǎn)戰(zhàn)互聯(lián)網(wǎng),面向行業(yè)和項目類型較廣。從業(yè)經(jīng)歷包括學霸君設(shè)計負責人、55海淘設(shè)計總監(jiān)、容易網(wǎng)UED總監(jiān)、小紅書設(shè)計負責人等。
01 UI 的學習準備
1.1 UI 是什么 2
1.2 UI 行業(yè)的發(fā)展 5
1.3 UI 應(yīng)該如何學習 8
1.4 UI 設(shè)計的軟件 14
02 UI 的基礎(chǔ)知識
2.1 App 的視覺組成 21
2.2 關(guān)于分辨率 25
2.3 系統(tǒng)設(shè)計規(guī)范 29
2.4 UI 視覺與交互 35
03 平面設(shè)計四要素
3.1 UI 設(shè)計中的對齊 40
3.2 UI 設(shè)計中的親密 48
3.3 UI 設(shè)計中的對比 56
3.4 UI 設(shè)計中的重復 65
04 UI 的文字應(yīng)用
4.1 文字的基本屬性 73
4.2 官方字體 80
4.3 字體的設(shè)置 84
05 UI 的控件設(shè)計
5.1 控件是什么 91
5.2 控件的設(shè)計原則 98
5.3 控件的尺寸 102
06 UI 的組件設(shè)計
6.1 組件是什么 112
6.2 組件的尺寸 120
6.3 組件的進階 124
07 UI 的配色方法
7.1 色彩的基礎(chǔ)認識 133
7.2 UI 中的配色 140
7.3 配色演示 147
08 UI 的圖標設(shè)計
8.1 認識圖標 159
8.2 圖標的規(guī)范 162
8.3 工具圖標設(shè)計 168
8.4 應(yīng)用圖標設(shè)計 175
09 UI 的項目實踐
9.1 App 項目開發(fā)流程 180
9.2 App 項目的設(shè)計準備 185
9.3 項目的設(shè)計 191
9.4 設(shè)計的收尾工作 197