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