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