●前言
第1章動效基礎知識
1.1為什麼要為APP設計動效
1.2動效應用
1.2.1移動APP動效
1.2.2Web網站動效
1.3移動APP動效設計
1.3.1什麼是移動APP的交互動效設計
1.3.2移動APP動效的作用
1.3.3移動APP動效設計原則
1.3.4移動APP交互動效分類
1.4Web網站動效設計
1.4.1Web網站動效設計原則
1.4.2動效網站設計欣賞
1.5動效設計方法
1.6動效制作軟件
1.6.1After Effects
1.6.2Adobe Photoshop
1.6.3Adobe Illustrator
1.6.4Adobe Edge Animate
1.6.5Adobe Animate CC
1.6.6Quartz Composer
1.6.7Principle
1.6.8Framer
1.6.9jQuery
1.6.10Origami
1.6.11Cinema 4D
1.6.12Flinto
1.6.13Hype
1.7動效設計流程
1.8本章小結
第2章動效的分類和作用
2.1基礎動效
2.1.1運動
2.1.2放大和縮小
2.1.3消失和出現
2.1.4翻轉
2.1.5旋轉
2.1.6變形
2.1.7變色
2.2動效作用
2.2.1使界面充滿動感
2.2.2繫統狀態動態提示
2.2.3使界面友好有趣
2.2.4流暢的過渡
2.2.素的靈活隱藏和展示
2.2.6增強操縱感
2.2.7高效反饋
2.2.8引導作用
2.2.9創新體驗
2.3動效分類
2.3.1視覺反饋動效
2.3.2空間拓展動效
2.3.3功能改變動效
2.3.4層次結構交互動效
2.3.5視覺提示動效
2.3.6繫統應用提示動效
2.3.7趣味交互動效
2.3.8轉場動效
2.4動效評判
2.5本章小結
第3章After Effects的應用
3.1After Effects簡介
3.1.1After Effects軟件及特點
3.1.2After Effects CC工作界面
3.1.3After Effects CC的合成
3.1.4After Effects CC的圖層
3.1.5After Effects CC的渲染
3.2After Effects CC動畫
3.2.1關鍵幀動畫
3.2.2效果動畫
3.2.3蒙版動畫
3.2.4文字動畫
3.2.5表達式動畫
3.2.63D動畫
3.3After Effects動畫導出
3.3.1導出為視頻和圖像序列
3.3.2應用Bodymovin把After Effects動畫轉換成WebAndroidiOS原生動畫
3.3.3應用Lottie庫實現Android iOSWeb加載After Effects動畫
3.4在Android中應用After Effects 動畫
3.5在Web中應用After Effects動畫
3.6本章小結
第4章Android基礎動畫
4.1繪圖動畫
4.1.1Graphics類基礎
4.1.2Matrix類變換圖片
4.1.3繪制路徑文字
4.1.4繪制圖片倒影
4.1.5drawBitmapMesh實現圖像扭曲
4.2矢量動畫
4.2.1Android SVG動畫
4.2.2插值動畫
4.3Drawable動畫
4.3.1Drawable類
4.3.2Drawable實現Frame動畫效果
4.3.3Drawable的高效用法
4.4Tween補間動畫
4.5屬性動畫
4.5.1Animator
4.5.2ObjectAnimator
4.5.3AnimatorSet
4.6控件動畫
4.6.1圖片滑動切換
4.6.2圖片手勢放大縮小
4.6.3PhotoView和ViewPager
實現圖片滑動和縮放
4.6.4列表折疊
4.7本章小結
第5章APP基本動效
5.1滑動
5.2縮放
5.3展開折疊
5.4橫豎屏切換
5.5堆疊切換
5.6提示
5.7圖表
5.7.1MPAndroidChart
5.7.2HelloCharts
5.7.3AChartEngine
5.7.4XCL.Charts
5.7.5GraphView
5.7.6HTML5數據圖表
5.8滑動刪除
5.9GitHub中優秀的開源動效項目
5.10本章小結
第6章APP進階動效
6.1圖標
6.1.1PS打造相機圖標
6.1.2AI打造動感立體圖標
6.2導航和菜單動效
6.2.1BottomTabBar實現導航動效
6.2.2DrawerLayout和Navigation View實現Android策劃菜單
6.2.3jQuery和CSS3制作手風琴折疊菜單
6.2.4jQuery和CSS3實現導航菜單
6.3Loading動效
6.3.1Android中進度條
6.3.2Progress Wheel
6.3.3AE制作水波紋 Loading
6.3.4AE插件Loadup輕松創建 各式Loading進度條
6.4手勢動畫
6.4.1Android手勢動畫
6.4.2點擊波網頁動畫特效
6.4.3AE手勢動畫庫
6.5文字動效
6.5.1AI與AE打造漂亮字體動效
6.5.2AE Saber插件制作字體動效
6.5.3jQuery和CSS3實現彩色霓虹燈發光文字動效
6.5.4網頁SVG文字動效
6.5.5AE Super Text Pack
6.6AE Trapcode 插件
6.6.1安裝Trapcode
6.6.2Trapcode Particular粒子特效
6.6.3Trapcode 3D Stroke制作文字描邊
6.6.4Trapcode Mir制作變形動畫
6.7本章小結
第7章Android中的3D動畫
7.1Camera 3D動畫實現
7.1.1Camera 3D實現圖片旋轉動畫
7.1.2Roate3dAnimation實現旋轉圖片動畫
7.1.3Rotate3D實現3D旋轉動畫
7.1.4Camera與Matrix實現3D立方體
7.2OpenGL ES
7.2.1OpenGL ES基礎
7.2.2在Android中使用OpenGL ES
7.2.3Android中OpenGL ES基本操作
7.2.4OpenGL ES實現彩色旋轉的立方體
7.3本章小結
第8章HTML5動畫
8.1HTML5動畫簡介
8.1.1can素結合JavaScript
……

動效是科技產品“情感化設計”的紐帶，的動效設計在提升產品體驗、用戶黏性方面能夠起到積極作用，讓產品充滿生命力，使用戶和界面之間產生情感的聯繫，從而提升用戶體驗。目前，動效已成為APP產品交互設計和界面設計必不素之一。本書是關於UI動效設計的實戰教程圖書，內容涵蓋兩種*典型、應用*廣泛的動效應用端：移動端和Web端，包括動效的作用、設計原則、分類、動效設計方法、動效典型制作軟件及各類動效實例，其中，制作平臺包括After Effects、Android、Adobe Illustrator、 JavaScript、CSS3、DragonBones、Adobe Animate和 Cinema 4D等，動效實例包括基礎動效、高級動效、3D動效等。本書可作為UI設計等相關從業人員的參考手冊，也可作為大中專院校設計相關專業的培訓教程，還可作為廣大視覺設計和動效開發愛好者的拓展學習資料。