交互界面設(shè)計(jì)

第1章交互界面設(shè)計(jì)概述
1.1交互設(shè)計(jì)基本概念/2
1.2交互界面設(shè)計(jì)流程/4
1.3案例分析：支付寶用戶體驗(yàn)設(shè)計(jì)流程的10個(gè)
環(huán)節(jié)/6
1.4課堂訓(xùn)練：選題的確定/7

9第2章用戶研究
2.1用戶研究的意義/10
2.2用戶研究方法概述/10
2.3產(chǎn)品概念階段用戶研究方法/11
2.4產(chǎn)品設(shè)計(jì)與研發(fā)階段常用的用戶研究方法/16
2.5產(chǎn)品發(fā)布階段的用戶研究方法/18
2.6課堂訓(xùn)練：關(guān)于擬設(shè)計(jì)APP的問卷調(diào)查設(shè)計(jì)與
分析/19

23第3章交互設(shè)計(jì)方法
3.1交互設(shè)計(jì)概述/24
3.2交互設(shè)計(jì)的階段與內(nèi)容/24
3.3交互設(shè)計(jì)與頁面基礎(chǔ)布局/29
3.4觸屏設(shè)備的交互手勢/31
3.5案例分析：“趕公交”APP產(chǎn)品需求與交互原型
設(shè)計(jì)/32
3.6課堂訓(xùn)練：關(guān)于擬設(shè)計(jì)APP的產(chǎn)品結(jié)構(gòu)圖與交互
流程設(shè)計(jì) /35

39第4章品牌與用戶界面設(shè)計(jì)
4.1用戶界面設(shè)計(jì)原則/40
4.2界面設(shè)計(jì)尺寸/41
4.3圖標(biāo)設(shè)計(jì)/46
4.4界面設(shè)計(jì)內(nèi)容/52
4.5界面內(nèi)容的信息圖表設(shè)計(jì)/60
4.6界面配色設(shè)計(jì)/61
4.7動(dòng)畫設(shè)計(jì)/64
4.8界面設(shè)計(jì)軟件——Sketch /64
4.9APP視覺包裝/65
4.10切圖命名與界面設(shè)計(jì)規(guī)范/67
4.11課堂訓(xùn)練：對擬設(shè)計(jì)APP進(jìn)行視覺細(xì)化與品牌設(shè)計(jì)/69

71第5章健康類APP交互界面設(shè)計(jì)案例
5.1APP交互界面設(shè)計(jì)作業(yè)要求/72
5.2健康類主題的APP設(shè)計(jì)案例/73

85附錄
附錄A課程安排(64課時(shí))/85
附錄B課程任務(wù)書(64課時(shí))/85
附錄C故事板模板/86
附錄DiPhone X、iPhone XR手機(jī)界面網(wǎng)格模板/87
附錄E圖標(biāo)設(shè)計(jì)模板/87
附錄F界面設(shè)計(jì)尺寸規(guī)范/88

89參考文獻(xiàn)


90結(jié)語