交互界面設(shè)計

第1章交互界面設(shè)計概述
1.1交互設(shè)計基本概念/2
1.2交互界面設(shè)計流程/4
1.3案例分析：支付寶用戶體驗設(shè)計流程的10個
環(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è)計與研發(fā)階段常用的用戶研究方法/16
2.5產(chǎn)品發(fā)布階段的用戶研究方法/18
2.6課堂訓(xùn)練：關(guān)于擬設(shè)計APP的問卷調(diào)查設(shè)計與
分析/19

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

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

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

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

89參考文獻(xiàn)


90結(jié)語