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