UI界面設(shè)計(jì)

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