UI交互動效必修課

第1章　交互設(shè)計是什么 001
1.1　人機(jī)交互設(shè)計概念 002
1.2　產(chǎn)品相關(guān)的各種崗位職能 003
第2章　交互設(shè)計師必備知識 004
2.1　交互設(shè)計師常用工具 005
2.2　產(chǎn)品硬件平臺 005
2.3　信息架構(gòu)學(xué) 006
2.4　用戶角色建模 007
2.5　流程圖符號意義 010
2.5.1　流程圖符號 010
2.5.2　其他符號 012
2.6　手勢與標(biāo)簽 012
2.7　網(wǎng)站線框圖的信息層級 013
2.8　APP信息層級 013
第3章　交互設(shè)計工具和圖 015
3.1　常見交互操作事件 016
3.2　頭腦風(fēng)暴和思維導(dǎo)圖 018
3.3　交互設(shè)計師畫的7種圖 019
3.4　UML建模規(guī)范 023
3.5　任務(wù)及任務(wù)狀態(tài) 024
3.6　用例設(shè)計 025
3.6.1　軟件用例設(shè)計 025
3.6.2　用例中需要檢查和定義的部分舉例 025
3.7　原型設(shè)計中的用戶可用性測試 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)缺點 033
第4章　產(chǎn)品交互實用文檔及功能分類 035
4.1　產(chǎn)品經(jīng)理常見交付物 036
4.1.1　BRD（商業(yè)需求描述） 036
4.1.2　MRD（市場需求文檔） 036
4.1.3　PRD（產(chǎn)品需求文檔） 037
4.1.4　FRD（功能需求文檔） 038
4.1.5　DRD（交互細(xì)節(jié)說明文檔） 038
4.2　導(dǎo)航設(shè)計讓用戶不迷路 040
4.3　優(yōu)化功能優(yōu)先級的卡片分類法 044
4.4　布控數(shù)據(jù)采集節(jié)點及數(shù)據(jù)監(jiān)測 045
第5章　交互設(shè)計原則 049
5.1　交互設(shè)計六原則 050
5.2　交互設(shè)計四要素 050
5.3　人類擅長歸類 051
5.4　人的腦部結(jié)構(gòu)和意識認(rèn)知 051
5.5　用戶需求分析 052
5.6　競品分析 054
5.7　如何玩轉(zhuǎn)運營 057
5.8　設(shè)計的價值所在 059
5.9　尼爾森可用性十原則 060
5.10　長尾理論和個性化設(shè)置 062
第6章　AE基礎(chǔ)及MG動效 065
6.1　AE基礎(chǔ)動畫 066
6.1.1　導(dǎo)入素材輸出格式 066
6.1.2　動態(tài)二維碼的5個屬性（視頻小動畫） 074
6.1.3　常用工具欄及攝像機(jī)功能 081
6.1.4　GIF生成 093
6.2　MG小動畫 097
6.2.1　海豚動態(tài)二維碼 097
6.2.2　微信圖標(biāo)修剪動畫（視頻小動畫） 102
6.2.3　水滴融合動畫（視頻小動畫） 105
6.2.4　小球組字（視頻小動畫） 111
6.2.5　蒙版水波（視頻小動畫） 115
6.2.6　鯉魚路徑動畫（視頻小動畫） 118
6.2.7　漢堡走路（視頻小動畫） 124
6.2.8　煙花（視頻小動畫） 126
6.2.9　幾何變形動畫（視頻小動畫） 134
6.2.10　邊角定位（視頻小動畫） 140
6.2.11　模糊效果（視頻小動畫） 144
6.2.12　發(fā)光（視頻小動畫） 145
第7章　酷炫插件及APP動效 147
7.1　酷炫插件 148
7.1.1　UEgood風(fēng)景（視頻小動畫） 148
7.1.2　櫻花天氣（視頻小動畫） 163
7.1.3　宇宙星空（視頻小動畫） 168
7.1.4　山川天氣（視頻小動畫） 174
7.2　APP動效 177
7.2.1　3D圖層翻轉(zhuǎn)（視頻小動畫） 177
7.2.2　啟動頁動效（視頻小動畫） 184
7.2.3　地圖搜索（視頻小動畫） 201
7.2.4　加載刷新（視頻小動畫） 204
7.2.5　播放器翻頁（視頻小動畫） 211
7.2.6　外賣（視頻小動畫） 217
第8章　響應(yīng)式網(wǎng)站和H5動畫 223
8.1　HTML 5的三個優(yōu)勢 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　初識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è)計實例 253
9.3　Sketch漸入佳境——圖標(biāo) 263
9.3.1　布爾運算 263
9.3.2　實例一：搜索圖標(biāo)的繪制 265
9.3.3　實例二：星星的繪制 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)實）和AR（增強(qiáng)現(xiàn)實）交互 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項目設(shè)計流程及應(yīng)用領(lǐng)域 287
10.5.1　VR項目設(shè)計流程 287
10.5.2　VR應(yīng)用領(lǐng)域 287
附錄　動效邏輯原理 291