第1章UI概論1
1.1UI的概念1
1.2UI的現(xiàn)狀3
1.2.1UI的應(yīng)用媒介3
1.2.2網(wǎng)頁(yè)設(shè)計(jì)5
1.2.3設(shè)計(jì)工具6
1.3UI的未來(lái)發(fā)展趨勢(shì)7
1.3.1微交互7
1.3.2雙色調(diào)8
1.3.3圖文結(jié)合8
1.3.4空頁(yè)面趣味化9
第2章游戲UI設(shè)計(jì)概論10
2.1游戲UI設(shè)計(jì)10
2.2游戲UI發(fā)展趨勢(shì)11
2.3游戲UI的實(shí)用設(shè)計(jì)11
2.3.1實(shí)用性將成為設(shè)計(jì)的重點(diǎn)11
2.3.2微交互引領(lǐng)設(shè)計(jì)細(xì)節(jié)12
2.3.3多終端呈現(xiàn)14
2.3.4高清大圖與短視頻形式更加流行15
2.3.5顏色、字體和質(zhì)感更加流行16
2.3.6對(duì)話式游戲UI16
2.3.7虛擬現(xiàn)實(shí)的實(shí)現(xiàn)17
2.3.8游戲UI設(shè)計(jì)師需要學(xué)習(xí)什么18
2.4游戲UI設(shè)計(jì)師的職業(yè)發(fā)展19
2.4.1職業(yè)發(fā)展19
2.4.2游戲UI設(shè)計(jì)師的工作內(nèi)容19
2.5游戲UI與應(yīng)用UI的不同21
第3章瀏覽器元素設(shè)計(jì)23
3.1構(gòu)圖23
3.1.1對(duì)稱構(gòu)圖23
3.1.2不對(duì)稱構(gòu)圖23
3.2動(dòng)畫(huà)運(yùn)動(dòng)規(guī)律24
3.2.1弧形曲線運(yùn)動(dòng)24
3.2.2波形曲線運(yùn)動(dòng)25
3.2.3“S”形曲線運(yùn)動(dòng)28
3.3平面設(shè)計(jì)元素29
3.3.1概念元素29
3.3.2視覺(jué)元素30
3.3.3實(shí)用元素34
3.4播放器UI賞析34
第4章網(wǎng)絡(luò)媒體39
4.1網(wǎng)頁(yè)的應(yīng)用39
4.1.1網(wǎng)絡(luò)與網(wǎng)頁(yè)概論39
4.1.2網(wǎng)頁(yè)設(shè)計(jì)56
4.1.3網(wǎng)頁(yè)布局的分類(lèi)67
4.1.4網(wǎng)頁(yè)的文字設(shè)計(jì)69
4.1.5網(wǎng)頁(yè)的LOGO設(shè)計(jì)73
4.1.6優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)賞析80
4.2網(wǎng)頁(yè)平面設(shè)計(jì)實(shí)例91
4.2.1電子商務(wù)類(lèi)網(wǎng)頁(yè)91
4.2.2女性產(chǎn)品類(lèi)網(wǎng)頁(yè)95
4.2.3兒童類(lèi)網(wǎng)頁(yè)98
4.2.4企業(yè)宣傳類(lèi)網(wǎng)頁(yè)102
4.2.5清新簡(jiǎn)約風(fēng)格的網(wǎng)頁(yè)105
4.2.6旅游類(lèi)網(wǎng)頁(yè)108
4.2.7體育運(yùn)動(dòng)類(lèi)網(wǎng)頁(yè)111
4.2.8公司展示類(lèi)網(wǎng)頁(yè)114
4.2.9情侶交友類(lèi)網(wǎng)頁(yè)116
4.2.10自然環(huán)保類(lèi)網(wǎng)頁(yè)121
4.2.11汽車(chē)展示類(lèi)網(wǎng)頁(yè)125
4.2.12地產(chǎn)展示類(lèi)網(wǎng)頁(yè)(案例1)129
4.2.13地產(chǎn)展示類(lèi)網(wǎng)頁(yè)(案例2)132
4.2.14女性美容類(lèi)網(wǎng)頁(yè)137
4.2.15電影類(lèi)網(wǎng)頁(yè)142
第5章移動(dòng)媒體146
5.1手機(jī)UI設(shè)計(jì)146
5.2手機(jī)UI相關(guān)概念147
5.3手機(jī)界面148
5.3.1UI圖標(biāo)設(shè)計(jì)制作149
5.3.2手機(jī)界面制作151
5.3.3手機(jī)頁(yè)面制作156
5.4H5158
5.5版式設(shè)計(jì)158
5.6手機(jī)頁(yè)面效果圖159
5.7登錄界面160
5.8開(kāi)始界面171
5.9設(shè)置界面173
優(yōu)秀作品賞析174