本書為交互設(shè)計(jì)入門教材,在講解交互設(shè)計(jì)基本概念與基礎(chǔ)知識(shí)、交互設(shè)計(jì)的基本流程與常用方法的基礎(chǔ)上,教授交互設(shè)計(jì)調(diào)研方法、信息架構(gòu)與交互模式設(shè)計(jì)、交互原型制作與測試、交互界面視覺設(shè)計(jì)、交互界面開發(fā)基礎(chǔ)等交互設(shè)計(jì)師的基本技能,并使讀者能夠掌握相關(guān)交互設(shè)計(jì)軟件如Axure、Sketch、Adobe XD等的使用。本書在講解交互設(shè)計(jì)理論、方法的同時(shí),基于作者豐富的設(shè)計(jì)經(jīng)驗(yàn),提供了較多的實(shí)際設(shè)計(jì)案例。這些案例跨越PC端界面、移動(dòng)端界面等多個(gè)平臺(tái),過程詳細(xì),可以幫助讀者更好的掌握交互設(shè)計(jì)的方法和技巧,具有很強(qiáng)的實(shí)踐指導(dǎo)價(jià)值。為便于讀者立體化學(xué)習(xí),本書配備有以綜合案例講解為主的數(shù)字資源。
李洪海,北京信息科技大學(xué),講師,1997年9月至2001年7月,就讀于燕山大學(xué)工業(yè)設(shè)計(jì)專業(yè),獲得學(xué)士學(xué)位。
2001年9月至2004年4月 就讀于北京理工大學(xué)設(shè)計(jì)藝術(shù)學(xué)院,獲得碩士學(xué)位。
2004年4月至今,在北京信息科技大學(xué)工業(yè)設(shè)計(jì)專業(yè)任教。
2008年9月至2009年1月,美國明尼蘇達(dá)大學(xué)進(jìn)修。
主要從事交互設(shè)計(jì),多媒體設(shè)計(jì)的研究與教學(xué)工作,并有大量的設(shè)計(jì)作品面世。
長期擔(dān)任人機(jī)交互設(shè)計(jì)、多媒體設(shè)計(jì)的課堂教學(xué)工作,積累了很多的相關(guān)經(jīng)驗(yàn)。
第1章 UI界面設(shè)計(jì)概述
認(rèn)識(shí)UI界面設(shè)計(jì) 1
UI界面設(shè)計(jì)的定義 2
界面設(shè)計(jì)的歷史、現(xiàn)狀與未來 3
界面設(shè)計(jì)的流程與方法 6
界面設(shè)計(jì)師的知識(shí)體系 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
防錯(cuò)原則 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章 界面動(dòng)效設(shè)計(jì)
界面動(dòng)效設(shè)計(jì)流程與方法 98
界面動(dòng)效設(shè)計(jì)要求 100
After Effects界面動(dòng)效設(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章 移動(dòng)端界面設(shè)計(jì)案例
移動(dòng)端界面設(shè)計(jì)案例規(guī)劃 152
案例實(shí)戰(zhàn):移動(dòng)端界面設(shè)計(jì) 154
參考文獻(xiàn) 176