UI動效設計從入門到精通

動效基礎知識 

11為什么要為APP設計動效/ 

12動效應用/ 

121移動APP動效/ 

122Web網(wǎng)站動效/ 

13移動APP動效設計/ 

131什么是移動APP的交互動 

效設計/ 

132移動APP動效的作用/ 

133移動APP動效設計原則/ 

134移動APP交互動效分類/ 

14Web網(wǎng)站動效設計/ 

141Web網(wǎng)站動效設計原則/ 

142動效網(wǎng)站設計欣賞/ 

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1基礎動效/ 

211運動/ 

212放大和縮小/ 

213消失和出現(xiàn)/ 

214翻轉(zhuǎn)/ 

215旋轉(zhuǎn)/ 

216變形/ 

217變色/ 

22動效作用/ 

221使界面充滿動感/ 

222系統(tǒng)狀態(tài)動態(tài)提示/ 

223使界面友好有趣/ 

224流暢的過渡/ 

225界面元素的靈活隱藏和 

展示/ 

226增強操縱感/ 

227高效反饋/ 

228引導作用/ 

229創(chuàng)新體驗/ 

23動效分類/ 

231視覺反饋動效/ 

232空間拓展動效/ 

233功能改變動效/ 

234層次結構交互動效/ 

235視覺提示動效/ 

236系統(tǒng)應用提示動效/ 

237趣味交互動效/ 

238轉(zhuǎn)場動效/ 

24動效評判/ 

25本章小結/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 

動畫轉(zhuǎn)換成Web/Android/iOS 

原生動畫/ 

333應用Lottie庫實現(xiàn)Android/ 

iOS/Web加載After Effects 

動畫/ 

34在Android中應用After Effects 

動畫/ 

35在Web中應用After Effects 

動畫/ 

36本章小結/ 

Android基礎動畫 

41繪圖動畫/ 

411Graphics類基礎/ 

412Matrix類變換圖片/ 

413繪制路徑文字/ 

414繪制圖片倒影/ 

415drawBitmapMesh實現(xiàn)圖像 

扭曲/ 

42矢量動畫/ 

421Android SVG動畫/ 

422插值動畫/ 

43Drawable動畫/ 

431Drawable類/ 

432Drawable實現(xiàn)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 

實現(xiàn)圖片滑動和縮放/ 

464列表折疊/ 

47本章小結/ 

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數(shù)據(jù)圖表/ 

58滑動刪除/ 

59GitHub中優(yōu)秀的開源動效 

項目/ 

510本章小結/ 

APP進階動效 

61圖標/ 

611PS打造相機圖標/ 

612AI打造動感立體圖標/ 

62導航和菜單動效/ 

621BottomTabBar實現(xiàn)導航 

動效/ 

622DrawerLayout和Navigation 

View實現(xiàn)Android策劃 

菜單/ 

623jQuery和CSS3制作手風琴 

折疊菜單/ 

624jQuery和CSS3實現(xiàn)導航 

菜單/ 

63Loading動效/ 

631Android中進度條/ 

632Progress Wheel/ 

633AE制作水波紋 

Loading/ 

634AE插件Loadup輕松創(chuàng)建 

各式Loading進度條/ 

64手勢動畫/ 

641Android手勢動畫/ 

642點擊波網(wǎng)頁動畫特效/ 

643AE手勢動畫庫/ 

65文字動效/ 

651AI與AE打造漂亮字體 

動效/ 

652AE Saber插件制作字體 

動效/ 

653jQuery和CSS3實現(xiàn)彩色霓虹燈發(fā)光文字動效/ 

654網(wǎng)頁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本章小結/ 

Android中的3D動畫 

71Camera 3D動畫實現(xiàn)/ 

711Camera 3D實現(xiàn)圖片旋轉(zhuǎn) 

動畫/ 

712Roate3dAnimation實現(xiàn)旋轉(zhuǎn) 

圖片動畫/ 

713Rotate3D實現(xiàn)3D旋轉(zhuǎn) 

動畫/ 

714Camera與Matrix實現(xiàn)3D 

立方體/ 

72OpenGL ES/ 

721OpenGL ES基礎/ 

722在Android中使用OpenGL 

ES/ 

723Android中OpenGL ES 

基本操作/ 

724OpenGL ES實現(xiàn)彩色旋轉(zhuǎn) 

的立方體/ 

73本章小結/ 

HTML5動畫 

81HTML5動畫簡介/ 

811canvas元素結合 

JavaScript/ 

8