UI交互動(dòng)效必修課

第1章　交互設(shè)計(jì)是什么 001
1.1　人機(jī)交互設(shè)計(jì)概念 002
1.2　產(chǎn)品相關(guān)的各種崗位職能 003
第2章　交互設(shè)計(jì)師必備知識(shí) 004
2.1　交互設(shè)計(jì)師常用工具 005
2.2　產(chǎn)品硬件平臺(tái) 005
2.3　信息架構(gòu)學(xué) 006
2.4　用戶角色建模 007
2.5　流程圖符號(hào)意義 010
2.5.1　流程圖符號(hào) 010
2.5.2　其他符號(hào) 012
2.6　手勢(shì)與標(biāo)簽 012
2.7　網(wǎng)站線框圖的信息層級(jí) 013
2.8　APP信息層級(jí) 013
第3章　交互設(shè)計(jì)工具和圖 015
3.1　常見交互操作事件 016
3.2　頭腦風(fēng)暴和思維導(dǎo)圖 018
3.3　交互設(shè)計(jì)師畫的7種圖 019
3.4　UML建模規(guī)范 023
3.5　任務(wù)及任務(wù)狀態(tài) 024
3.6　用例設(shè)計(jì) 025
3.6.1　軟件用例設(shè)計(jì) 025
3.6.2　用例中需要檢查和定義的部分舉例 025
3.7　原型設(shè)計(jì)中的用戶可用性測(cè)試 027
3.8　缺陷反饋跟蹤及版本迭代 030
3.9　四類不同的軟件開發(fā)模式 031
3.9.1　瀑布開發(fā)模式 031
3.9.2　迭代開發(fā)模式 031
3.9.3　螺旋開發(fā)模式 032
3.9.4　敏捷開發(fā)模式 033
3.9.5　四類不同軟件開發(fā)模式的優(yōu)缺點(diǎn) 033
第4章　產(chǎn)品交互實(shí)用文檔及功能分類 035
4.1　產(chǎn)品經(jīng)理常見交付物 036
4.1.1　BRD（商業(yè)需求描述） 036
4.1.2　MRD（市場(chǎng)需求文檔） 036
4.1.3　PRD（產(chǎn)品需求文檔） 037
4.1.4　FRD（功能需求文檔） 038
4.1.5　DRD（交互細(xì)節(jié)說(shuō)明文檔） 038
4.2　導(dǎo)航設(shè)計(jì)讓用戶不迷路 040
4.3　優(yōu)化功能優(yōu)先級(jí)的卡片分類法 044
4.4　布控?cái)?shù)據(jù)采集節(jié)點(diǎn)及數(shù)據(jù)監(jiān)測(cè) 045
第5章　交互設(shè)計(jì)原則 049
5.1　交互設(shè)計(jì)六原則 050
5.2　交互設(shè)計(jì)四要素 050
5.3　人類擅長(zhǎng)歸類 051
5.4　人的腦部結(jié)構(gòu)和意識(shí)認(rèn)知 051
5.5　用戶需求分析 052
5.6　競(jìng)品分析 054
5.7　如何玩轉(zhuǎn)運(yùn)營(yíng) 057
5.8　設(shè)計(jì)的價(jià)值所在 059
5.9　尼爾森可用性十原則 060
5.10　長(zhǎng)尾理論和個(gè)性化設(shè)置 062
第6章　AE基礎(chǔ)及MG動(dòng)效 065
6.1　AE基礎(chǔ)動(dòng)畫 066
6.1.1　導(dǎo)入素材輸出格式 066
6.1.2　動(dòng)態(tài)二維碼的5個(gè)屬性（視頻小動(dòng)畫） 074
6.1.3　常用工具欄及攝像機(jī)功能 081
6.1.4　GIF生成 093
6.2　MG小動(dòng)畫 097
6.2.1　海豚動(dòng)態(tài)二維碼 097
6.2.2　微信圖標(biāo)修剪動(dòng)畫（視頻小動(dòng)畫） 102
6.2.3　水滴融合動(dòng)畫（視頻小動(dòng)畫） 105
6.2.4　小球組字（視頻小動(dòng)畫） 111
6.2.5　蒙版水波（視頻小動(dòng)畫） 115
6.2.6　鯉魚路徑動(dòng)畫（視頻小動(dòng)畫） 118
6.2.7　漢堡走路（視頻小動(dòng)畫） 124
6.2.8　煙花（視頻小動(dòng)畫） 126
6.2.9　幾何變形動(dòng)畫（視頻小動(dòng)畫） 134
6.2.10　邊角定位（視頻小動(dòng)畫） 140
6.2.11　模糊效果（視頻小動(dòng)畫） 144
6.2.12　發(fā)光（視頻小動(dòng)畫） 145
第7章　酷炫插件及APP動(dòng)效 147
7.1　酷炫插件 148
7.1.1　UEgood風(fēng)景（視頻小動(dòng)畫） 148
7.1.2　櫻花天氣（視頻小動(dòng)畫） 163
7.1.3　宇宙星空（視頻小動(dòng)畫） 168
7.1.4　山川天氣（視頻小動(dòng)畫） 174
7.2　APP動(dòng)效 177
7.2.1　3D圖層翻轉(zhuǎn)（視頻小動(dòng)畫） 177
7.2.2　啟動(dòng)頁(yè)動(dòng)效（視頻小動(dòng)畫） 184
7.2.3　地圖搜索（視頻小動(dòng)畫） 201
7.2.4　加載刷新（視頻小動(dòng)畫） 204
7.2.5　播放器翻頁(yè)（視頻小動(dòng)畫） 211
7.2.6　外賣（視頻小動(dòng)畫） 217
第8章　響應(yīng)式網(wǎng)站和H5動(dòng)畫 223
8.1　HTML 5的三個(gè)優(yōu)勢(shì) 224
8.2　HTML 5八大特性 225
8.3　HTML 5的應(yīng)用及布局方式 226
8.4　CSS3視覺表現(xiàn)方面的新特性 227
第9章　Sketch學(xué)習(xí)捷徑 233
9.1　初識(shí)Sketch 234
9.1.1　Sketch的安裝 234
9.1.2　Sketch的界面 235
9.1.3　Sketch工具欄的自定義 236
9.1.4　Sketch的快捷鍵及自定義快捷鍵的方法 237
9.2　Sketch小試牛刀——界面 240
9.2.1　新建畫布 241
9.2.2　圖層列表面板的使用 243
9.2.3　檢查器面板的使用 247
9.2.4　使用Sketch進(jìn)行UI界面設(shè)計(jì)實(shí)例 253
9.3　Sketch漸入佳境——圖標(biāo) 263
9.3.1　布爾運(yùn)算 263
9.3.2　實(shí)例一：搜索圖標(biāo)的繪制 265
9.3.3　實(shí)例二：星星的繪制 265
9.4　Sketch大師之路——插件 267
9.5　Sketch的切圖、導(dǎo)出和資源推薦 274
9.5.1　Sketch的切圖 274
9.5.2　Sketch的導(dǎo)出 275
9.5.3　Sketch的導(dǎo)出小技巧 276
9.5.4　Sketch的資源推薦 278
第10章　VR（虛擬現(xiàn)實(shí)）和AR（增強(qiáng)現(xiàn)實(shí)）交互 279
10.1　VR技術(shù)及其發(fā)展歷史 280
10.2　VR的發(fā)展前景及體系 281
10.2.1　VR的發(fā)展前景 281
10.2.2　VR體系 282
10.3　VR硬件及盈利模式 282
10.3.1　VR硬件 282
10.3.2　VR的盈利方式 284
10.4　VR交互 284
10.5　VR項(xiàng)目設(shè)計(jì)流程及應(yīng)用領(lǐng)域 287
10.5.1　VR項(xiàng)目設(shè)計(jì)流程 287
10.5.2　VR應(yīng)用領(lǐng)域 287
附錄　動(dòng)效邏輯原理 291