《UI互動動效必修課》是2018年清華大學出版社出版的圖書，作者是UEgood 雪姐。
基本介紹
- 書名：UI互動動效必修課
- 作者：UEgood 雪姐
- ISBN：9787302501541
- 定價：99元
- 出版社：清華大學出版社
- 出版時間：2018.06.01
圖書簡介,圖書目錄,
圖書簡介
本書是花瓣網人氣設計師、UEgood優蝶教育雪姐傾情打造的第一本關於UI互動動效的圖書，書中結合了作者豐富的工作經驗，通過大量互動動效的案例，從零開始全面闡述產品互動與動效表達的技術與方法。
全書共10章。第1～5章分別講解互動設計概念、互動設計師必備知識、互動設計需要掌握的工具、產品互動實用文檔、互動設計原則等;第6、7章分別講解After Effects互動動效表達的基礎與案例;第8章講解回響式網站和H5動畫的實現;第9章講解Sketch工具的學習和套用;第10章講解當前最流行的VR(虛擬現實)和AR(增強現實)中的互動設計邏輯。同時，書中相關案例的動效圖，讀者都可以掃描書中相應二維碼進行查看，方便讀者學習使用。
本書還贈送MG動效+APP動效視頻小動畫、260分鐘UI互動動效基礎操作視頻、780分鐘軟體教學視頻、教學用PPT課件以及全書案例素材檔案，除此之外，還有專業團隊為讀者答疑解惑，方便讀者學習。
本書不僅適合從事UI視覺設計、GUI設計、平面設計、互動設計、用戶體驗、產品經理等專業的朋友閱讀，也可以作為高等院校平面設計、網站設計、藝術設計、工業設計、遊戲設計等相關專業的教輔圖書及相關培訓機構的參考圖書。
圖書目錄
第1章 互動設計是什麼001
1.1 人機互動設計概念002
1.2 產品相關的各種崗位職能003
第2章 互動設計師必備知識004
2.1 互動設計師常用工具005
2.2 產品硬體平台005
2.3 信息架構學006
2.4 用戶角色建模007
2.5 流程圖符號意義010
2.5.1 流程圖符號010
2.5.2 其他符號012
2.6 手勢與標籤012
2.7 網站線框圖的信息層級013
2.8 APP信息層級013
第3章 互動設計工具和圖015
3.1 常見互動操作事件016
3.2 頭腦風暴和思維導圖018
3.3 互動設計師畫的7種圖019
3.4 UML建模規範023
3.5 任務及任務狀態024
3.6 用例設計025
3.6.1 軟體用例設計025
3.6.2 用例中需要檢查和定義的部分舉例025
3.7 原型設計中的用戶可用性測試027
3.8 缺陷反饋跟蹤及版本疊代030
3.9 四類不同的軟體開發模式031
3.9.1 瀑布開發模式031
3.9.2 疊代開發模式031
3.9.3 螺旋開發模式032
3.9.4 敏捷開發模式033
3.9.5 四類不同軟體開發模式的優缺點033
第4章 產品互動實用文檔及功能分類035
4.1 產品經理常見交付物036
4.1.1 BRD（商業需求描述）036
4.1.2 MRD（市場需求文檔）036
4.1.3 PRD（產品需求文檔）037
4.1.4 FRD（功能需求文檔）038
4.1.5 DRD（互動細節說明文檔）038
4.2 導航設計讓用戶不迷路040
4.3 最佳化功能優先權的卡片分類法044
4.4 布控數據採集節點及數據監測045
第5章 互動設計原則049
5.1 互動設計六原則050
5.2 互動設計四要素050
5.3 人類擅長歸類051
5.4 人的腦部結構和意識認知051
5.5 用戶需求分析052
5.6 競品分析054
5.7 如何玩轉運營057
5.8 設計的價值所在059
5.9 尼爾森可用性十原則060
5.10 長尾理論和個性化設定062
第6章 AE基礎及MG動效065
6.1 AE基礎動畫066
6.1.1 導入素材輸出格式066
6.1.2 動態二維碼的5個屬性（視頻小動畫）074
6.1.3 常用工具列及攝像機功能081
6.1.4 GIF生成093
6.2 MG小動畫097
6.2.1 海豚動態二維碼097
6.2.2 微信圖示修剪動畫（視頻小動畫）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 發光（視頻小動畫）145
第7章 酷炫外掛程式及APP動效147
7.1 酷炫外掛程式148
7.1.1 UEgood風景（視頻小動畫）148
7.1.2 櫻花天氣（視頻小動畫）163
7.1.3 宇宙星空（視頻小動畫）168
7.1.4 山川天氣（視頻小動畫）174
7.2 APP動效177
7.2.1 3D圖層翻轉（視頻小動畫）177
7.2.2 啟動頁動效（視頻小動畫）184
7.2.3 地圖搜尋（視頻小動畫）201
7.2.4 載入刷新（視頻小動畫）204
7.2.5 播放器翻頁（視頻小動畫）211
7.2.6 外賣（視頻小動畫）217
第8章 回響式網站和H5動畫223
8.1 HTML5的三個優勢224
8.2 HTML5八大特性225
8.3 HTML5的套用及布局方式226
8.4 CSS3視覺表現方面的新特性227
第9章 Sketch學習捷徑233
9.1 初識Sketch234
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進行UI界面設計實例253
9.3 Sketch漸入佳境——圖示263
9.3.1 布爾運算263
9.3.2 實例一：搜尋圖示的繪製265
9.3.3 實例二：星星的繪製265
9.4 Sketch大師之路——外掛程式267
9.5 Sketch的切圖、導出和資源推薦274
9.5.1 Sketch的切圖274
9.5.2 Sketch的導出275
9.5.3 Sketch的導出小技巧276
9.5.4 Sketch的資源推薦278
第10章 VR（虛擬現實）和AR（增強現實）互動279
10.1 VR技術及其發展歷史280
10.2 VR的發展前景及體系281
10.2.1 VR的發展前景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項目設計流程及套用領域287
10.5.1 VR項目設計流程287
10.5.2 VR套用領域287
附錄 動效邏輯原理291
