UI动效设计从入门到精通2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

UI动效设计从入门到精通PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 动效基础知识1

1.1 为什么要为APP设计动效1

1.2 动效应用2

1.2.1 移动APP动效2

1.2.2 Web网站动效3

1.3 移动APP动效设计4

1.3.1 什么是移动APP的交互动效设计4

1.3.2 移动APP动效的作用4

1.3.3 移动APP动效设计原则5

1.3.4 移动APP交互动效分类7

1.4 Web网站动效设计8

1.4.1 Web网站动效设计原则8

1.4.2 动效网站设计欣赏8

1.5 动效设计方法11

1.6 动效制作软件12

1.6.1 After Effects12

1.6.2 Adobe Photoshop12

1.6.3 Adobe Illustrator13

1.6.4 Adobe Edge Animate14

1.6.5 Adobe Animate CC14

1.6.6 Quartz Composer15

1.6.7 Principle15

1.6.8 Framer15

1.6.9 jQuery15

1.6.10 Origami16

1.6.11 Cinema 4D17

1.6.12 Flinto17

1.6.13 Hype18

1.7 动效设计流程18

1.8 本章小结18

第2章 动效的分类和作用19

2.1 基础动效19

2.1.1 运动19

2.1.2 放大和缩小21

2.1.3 消失和出现21

2.1.4 翻转22

2.1.5 旋转23

2.1.6 变形23

2.1.7 变色25

2.2 动效作用26

2.2.1 使界面充满动感26

2.2.2 系统状态动态提示27

2.2.3 使界面友好有趣27

2.2.4 流畅的过渡28

2.2.5 界面元素的灵活隐藏和展示29

2.2.6 增强操纵感31

2.2.7 高效反馈32

2.2.8 引导作用33

2.2.9 创新体验34

2.3 动效分类34

2.3.1 视觉反馈动效34

2.3.2 空间拓展动效35

2.3.3 功能改变动效35

2.3.4 层次结构交互动效36

2.3.5 视觉提示动效36

2.3.6 系统应用提示动效37

2.3.7 趣味交互动效37

2.3.8 转场动效37

2.4 动效评判37

2.5 本章小结38

第3章 After Effects的应用39

3.1 After Effects简介39

3.1.1 After Effects软件及特点39

3.1.2 After Effects CC工作界面40

3.1.3 After Effects CC的合成44

3.1.4 After Effects CC的图层45

3.1.5 After Effects CC的渲染46

3.2 After Effects CC动画47

3.2.1 关键帧动画47

3.2.2 效果动画48

3.2.3 蒙版动画49

3.2.4 文字动画50

3.2.5 表达式动画51

3.2.6 3D动画52

3.3 After Effects动画导出53

3.3.1 导出为视频和图像序列53

3.3.2 应用Bodymovin把After Effects动画转换成Web/Android/iOS原生动画54

3.3.3 应用Lottie库实现Android/iOS/Web加载After Effects动画56

3.4 在Android中应用After Effects动画57

3.5 在Web中应用After Effects动画60

3.6 本章小结61

第4章 Android基础动画62

4.1 绘图动画62

4.1.1 Graphics类基础62

4.1.2 Matrix类变换图片63

4.1.3 绘制路径文字64

4.1.4 绘制图片倒影65

4.1.5 drawBitmapMesh实现图像扭曲66

4.2 矢量动画68

4.2.1 Android SVG动画69

4.2.2 插值动画72

4.3 Drawable动画73

4.3.1 Drawable类74

4.3.2 Drawable实现Frame动画效果75

4.3.3 Drawable的高效用法76

4.4 Tween补间动画78

4.5 属性动画79

4.5.1 Animator79

4.5.2 ObjectAnimator79

4.5.3 AnimatorSet80

4.6 控件动画82

4.6.1 图片滑动切换82

4.6.2 图片手势放大缩小90

4.6.3 PhotoView和ViewPager实现图片滑动和缩放93

4.6.4 列表折叠96

4.7 本章小结101

第5章 APP基本动效102

5.1 滑动102

5.2 缩放104

5.3 展开折叠106

5.4 横竖屏切换108

5.5 堆叠切换110

5.6 提示113

5.7 图表115

5.7.1 MPAndroidChart115

5.7.2 HelloCharts116

5.7.3 AChartEngine119

5.7.4 XCL-Charts120

5.7.5 GraphView122

5.7.6 HTML5数据图表124

5.8 滑动删除125

5.9 GitHub中优秀的开源动效项目127

5.10 本章小结132

第6章 APP进阶动效133

6.1 图标133

6.1.1 PS打造相机图标133

6.1.2 AI打造动感立体图标135

6.2 导航和菜单动效138

6.2.1 BottomTabBar实现导航动效138

6.2.2 DrawerLayout和Navigation View实现Android策划菜单139

6.2.3 jQuery和CSS3制作手风琴折叠菜单141

6.2.4 jQuery和CSS3实现导航菜单143

6.3 Loading动效146

6.3.1 Android中进度条146

6.3.2 Progress Wheel149

6.3.3 AE制作水波纹Loading150

6.3.4 AE插件Loadup轻松创建各式Loading进度条152

6.4 手势动画155

6.4.1 Android手势动画155

6.4.2 点击波网页动画特效157

6.4.3 AE手势动画库158

6.5 文字动效160

6.5.1 AI与AE打造漂亮字体动效160

6.5.2 AE Saber插件制作字体动效162

6.5.3 jQuery和CSS3实现彩色霓虹灯发光文字动效164

6.5.4 网页SVG文字动效164

6.5.5 AE Super Text Pack167

6.6 AE Trapcode插件169

6.6.1 安装Trapcode169

6.6.2 Trapcode Particular粒子特效171

6.6.3 Trapcode 3D Stroke制作文字描边175

6.6.4 Trapcode Mir制作变形动画178

6.7 本章小结183

第7章 Android中的3D动画184

7.1 Camera 3D动画实现184

7.1.1 Camera 3D实现图片旋转动画184

7.1.2 Roate3dAnimation实现旋转图片动画186

7.1.3 Rotate3D实现3D旋转动画188

7.1.4 Camera与Matrix实现3D立方体191

7.2 OpenGL ES193

7.2.1 OpenGL ES基础194

7.2.2 在Android中使用OpenGL ES195

7.2.3 Android中OpenGL ES基本操作196

7.2.4 OpenGL ES实现彩色旋转的立方体198

7.3 本章小结202

第8章 HTML5动画203

8.1 HTML5动画简介203

8.1.1 canvas元素结合JavaScript203

8.1.2 纯粹的CSS3动画204

8.1.3 jQuery动画207

8.1.4 HTML5动画制作工具210

8.2 DragonBones211

8.2.1 DragonBones基本操作212

8.2.2 骨骼动画——人行走216

8.2.3 动漫动画——飞舞的蝴蝶220

8.3 Adobe Animate CC223

8.3.1 Adobe Animate CC基本操作223

8.3.2 制作烛光动画228

8.3.3 制作喷泉动画231

8.4 本章小结235

第9章 Cinema 4D制作3D特效236

9.1 Cinema 4D简介236

9.2 Cinema 4D基本操作238

9.3 模拟标签242

9.3.1 圆球抖落243

9.3.2 布料飘落245

9.4 Cinema 4D运动图形247

9.4.1 Cinema 4D运动图形菜单248

9.4.2 文字变碎片的抖落动画249

9.5 Cinema 4D角色动画255

9.5.1 Mixamo3D人物模型和动画平台256

9.5.2 CMotion实现人物路径运动257

9.6 RealFlow插件实现流水动画260

9.7 After Effects与Cinema 4D265

9.8 本章小结267