這是一本指導(dǎo)從零開始學(xué)習(xí)UI設(shè)計的新人如何進(jìn)行"創(chuàng)作”的書。本書不會在理論方面進(jìn)行長篇大論,只聚焦于UI設(shè)計師職能的第一步——設(shè)計出正確、優(yōu)美的界面。如果你發(fā)現(xiàn)看完了UI設(shè)計相關(guān)的圖書,依舊做不好界面,缺乏對UI系統(tǒng)清晰的認(rèn)識,那么建議你在本書中尋找答案。
柯皓(@酸梅干超人),10年設(shè)計經(jīng)驗,2010年加入奧美大中華區(qū),后轉(zhuǎn)戰(zhàn)互聯(lián)網(wǎng),面向行業(yè)和項目類型較廣。從業(yè)經(jīng)歷包括學(xué)霸君設(shè)計負(fù)責(zé)人、55海淘設(shè)計總監(jiān)、容易網(wǎng)UED總監(jiān)、小紅書設(shè)計負(fù)責(zé)人等。
01 UI 的學(xué)習(xí)準(zhǔn)備
1.1 UI 是什么 2
1.2 UI 行業(yè)的發(fā)展 5
1.3 UI 應(yīng)該如何學(xué)習(xí) 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è)計中的重復(fù) 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 組件的進(jìn)階 124
07 UI 的配色方法
7.1 色彩的基礎(chǔ)認(rèn)識 133
7.2 UI 中的配色 140
7.3 配色演示 147
08 UI 的圖標(biāo)設(shè)計
8.1 認(rèn)識圖標(biāo) 159
8.2 圖標(biāo)的規(guī)范 162
8.3 工具圖標(biāo)設(shè)計 168
8.4 應(yīng)用圖標(biāo)設(shè)計 175
09 UI 的項目實踐
9.1 App 項目開發(fā)流程 180
9.2 App 項目的設(shè)計準(zhǔn)備 185
9.3 項目的設(shè)計 191
9.4 設(shè)計的收尾工作 197