UI界面設(shè)計

第1章 UI界面設(shè)計概述
認識UI界面設(shè)計 1
UI界面設(shè)計的定義 2
界面設(shè)計的歷史、現(xiàn)狀與未來 3
界面設(shè)計的流程與方法 6
界面設(shè)計師的知識體系 7
界面設(shè)計師的職業(yè)類型與發(fā)展 9
第2章 界面架構(gòu)設(shè)計
頁面間信息架構(gòu)設(shè)計 11
頁面內(nèi)信息架構(gòu)設(shè)計 16
界面架構(gòu)設(shè)計的方法 21
第3章 界面視覺設(shè)計原則與規(guī)范
格式塔原則 24
差異化設(shè)計原則 27
效率優(yōu)先原則 29
簡潔設(shè)計原則 34
防錯原則 38
界面視覺設(shè)計規(guī)范 40
第4章 界面視覺設(shè)計流程與方法
界面視覺設(shè)計流程 41
界面版式設(shè)計 43
界面色彩設(shè)計 46
界面圖標(biāo)設(shè)計 55
第5章 界面視覺設(shè)計案例
用Sketch設(shè)計與制作新擬物風(fēng)格界面 61
用Figma設(shè)計與制作毛玻璃風(fēng)格界面 77
第6章 界面動效設(shè)計
界面動效設(shè)計流程與方法 98
界面動效設(shè)計要求 100
After Effects界面動效設(shè)計案例 101
第7章 界面高保真原型制作
界面高保真原型制作工具 118
Figma軟件中交互原型工具介紹及應(yīng)用 119
案例實戰(zhàn)：寵物App界面原型設(shè)計與制作 123
第8章 桌面端界面設(shè)計案例
桌面端界面設(shè)計案例規(guī)劃 141
案例實戰(zhàn)：燈具電商網(wǎng)站界面設(shè)計 142
第9章 移動端界面設(shè)計案例
移動端界面設(shè)計案例規(guī)劃 152
案例實戰(zhàn)：移動端界面設(shè)計 154
參考文獻 176