第一章 UI設(shè)計(jì)的理論基礎(chǔ)／1

第一節(jié) UI設(shè)計(jì)的名詞解釋?zhuān)?

第二節(jié) 常用UI設(shè)計(jì)單位／3

第三節(jié) UI設(shè)計(jì)常用圖像格式／4

第四節(jié) UI設(shè)計(jì)的原則／5

第五節(jié) UI設(shè)計(jì)的流程／9

第六節(jié)用戶體驗(yàn)中的職業(yè)選擇/10

第七節(jié) UI行業(yè)發(fā)展前景/12

第二章網(wǎng)頁(yè)UI設(shè)計(jì)／1 7

第一節(jié) 網(wǎng)頁(yè)設(shè)計(jì)基本準(zhǔn)則／1 7

第二節(jié) 網(wǎng)站導(dǎo)航設(shè)計(jì)/18

一、網(wǎng)站導(dǎo)航的表現(xiàn)形式/18

二、導(dǎo)航菜單在網(wǎng)頁(yè)中的布局/19

三、網(wǎng)站導(dǎo)航的視覺(jué)風(fēng)格/23

四、網(wǎng)頁(yè)導(dǎo)航菜單設(shè)計(jì)賞析/26

第三節(jié) 網(wǎng)頁(yè)布局與版式設(shè)計(jì)/29

一、網(wǎng)頁(yè)布局/29

二、常見(jiàn)的網(wǎng)頁(yè)布局方式/30

三、網(wǎng)頁(yè)布局方法/33

四、網(wǎng)頁(yè)形式的藝術(shù)表現(xiàn)/35

五、平衡構(gòu)成/36

六、網(wǎng)頁(yè)界面設(shè)計(jì)風(fēng)格/38

第四節(jié) 網(wǎng)頁(yè)UI配色/39

一、色彩理論/39

二、色彩的搭配/65

三、網(wǎng)頁(yè)UI配色的方法/68

四、網(wǎng)頁(yè)中的文本配色/70

五、網(wǎng)頁(yè)元素的色彩搭配/72

六、影響網(wǎng)頁(yè)配色的因素/74

第五節(jié) 網(wǎng)頁(yè)UI設(shè)計(jì)案例/77

一、web登入界面設(shè)計(jì)／77

二、web首頁(yè)設(shè)計(jì)／83

三、維多利亞秘密界面設(shè)計(jì)/85

第三章手機(jī)App Ul設(shè)計(jì)/101

第一節(jié) 手機(jī)App UI設(shè)計(jì)基礎(chǔ)/101

一、色彩搭配/101

二、構(gòu)成/109

三、排版/III

四、設(shè)計(jì)趨勢(shì)/114

第二節(jié) 手機(jī)App UI設(shè)計(jì)理論/117

一、移動(dòng)端UI設(shè)計(jì)尺寸規(guī)范/117

二、UI設(shè)計(jì)理論/123

第三節(jié) 手機(jī)App UI設(shè)計(jì)技巧/135

第四節(jié) 手機(jī)App UI設(shè)計(jì)案例/138

一、天氣圖標(biāo)設(shè)計(jì)/138

二、移動(dòng)端查找圖標(biāo)設(shè)計(jì)/142

三、移動(dòng)端房子圖標(biāo)設(shè)計(jì)/146

四、移動(dòng)端聊天界面設(shè)計(jì)/147

五、移動(dòng)端美食界面設(shè)計(jì)/153

六、移動(dòng)端鉛筆圖標(biāo)設(shè)計(jì)/161

七、移動(dòng)端設(shè)置圖標(biāo)設(shè)計(jì)/166

八、移動(dòng)端微信圖標(biāo)語(yǔ)音泡泡設(shè)計(jì)/167

九、移動(dòng)端音樂(lè)界面設(shè)計(jì)/171

參考文獻(xiàn)／177