After Effects UI交互动画设计 视频讲解版PDF|Epub|txt|kindle电子书版本网盘下载

After Effects UI交互动画设计 视频讲解版PDF格式电子书版下载

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

第1章 UI交互动画设计基础1

1.1 移动UI设计基础知识1

1.1.1 UI设计的含义1

1.1.2 UI设计的相关术语2

1.1.3 移动UI设计的特点2

1.2 交互设计4

1.2.1 交互设计的含义4

1.2.2 交互设计需要考虑的内容4

1.2.3 交互设计需要遵循的习惯5

1.2.4 交互设计的基本步骤5

1.3 交互设计与用户体验6

1.3.1 什么是用户体验6

1.3.2 6种基础体验6

1.3.3 交互设计的重要性8

1.4 动态交互设计基础9

1.4.1 动态交互效果9

1.4.2 优秀的动态交互效果10

1.4.3 基础动态交互效果的类型10

1.4.4 缓动11

1.4.5 属性变换11

1.4.6 组合的动态交互效果12

1.5 UI中的动态交互效果12

1.5.1 动态交互效果的表现优势12

1.5.2 动态交互效果在UI设计中的作用14

1.5.3 如何实现简单的动态交互效果16

1.6 动态交互效果在用户体验中的应用16

1.6.1 为什么要添加动态交互效果17

1.6.2 哪些地方适合添加动态交互效果18

1.6.3 如何表现动态交互效果20

1.7 本章小结22

第2章 After Effects CC软件基础23

2.1 After Effects基础知识23

2.1.1 After Effects简介23

2.1.2 After Effects的应用领域23

2.2 After Effects工作界面26

2.2.1 After Effects工作界面简介26

2.2.2 切换工作界面27

2.2.3 工具栏27

2.2.4 After Effects中的工具面板28

2.3 After Effects基本操作31

2.3.1 创建项目文件31

2.3.2 保存和关闭文件32

2.3.3 导入素材32

实战：通过导入PSD文件创建合成34

2.3.4 管理、操作素材35

2.3.5 After Effects基本工作流程37

2.4 After Effects图层37

2.4.1 图层的类型37

实战：实现图片的过渡切换动画效果40

2.4.2 图层的基本属性设置42

实战：制作移动界面背景轮换动画效果45

2.4.3 图层的混合模式49

2.5 “时间轴”面板49

2.5.1 “音频/视频”选项50

2.5.2 “图层”选项50

2.5.3 “图层开关”选项50

2.5.4 “转换控制”选项51

2.5.5 “父子链接”选项51

2.5.6 “时间控制”选项51

2.6 关键帧与图表编辑器52

2.6.1 关键帧简介52

2.6.2 关键帧的基本操作52

实战：制作三角形交错循环动画54

2.6.3 图表编辑器58

实战：制作小球弹跳变换动画59

2.7 图层蒙版与形状路径65

2.7.1 蒙版原理65

2.7.2 创建蒙版65

实战：创建基础的矩形蒙版66

2.7.3 修改与设置蒙版67

实战：制作指纹扫描动画效果71

2.8 渲染输出75

2.8.1 渲染工作区76

2.8.2 渲染设置76

2.8.3 渲染输出78

实战：将动画输出为MOV格式视频文件78

2.8.4 配合Photoshop输出GIF文件79

实战：使用Photoshop输出GIF动画79

2.8.5 将动画嵌入手机模板81

实战：将动画效果嵌入手机模板中81

2.9 本章小结84

第3章 UI元素交互动画设计85

3.1 动态Logo设计85

3.1.1 动态Logo的含义85

3.1.2 动态Logo的适用范围86

3.1.3 动态Logo的表现优势87

3.1.4 设计动态Logo需要注意的问题89

实战：制作动感模糊Logo效果89

3.2 动态图标设计93

3.2.1 图标的含义93

3.2.2 图标设计的作用94

实战：制作日历图标翻转动画95

3.2.3 动态图标的表现方法99

实战：制作图标变形切换动画102

3.3 动态按钮设计110

3.3.1 按钮设计注意事项110

实战：制作提交按钮动画110

3.3.2 开关按钮设计方法115

实战：制作开关按钮动画116

3.4 进度条与工具栏动画设计119

3.4.1 常见的进度条动画表现形式119

实战：制作加载进度条动画120

3.4.2 工具栏动画设计124

实战：制作旋转展开工具栏动画125

3.5 文字动画设计129

3.5.1 文字动画效果的表现优势130

实战：制作手写文字动画130

3.5.2 文字动画的常见表现方法135

实战：制作动感遮罩文字动画138

3.6 本章小结143

第4章 移动UI转场交互动画设计144

4.1 如何设计出优秀的UI动态交互效果144

4.1.1 明确系统状态144

4.1.2 让按钮和操控拥有触感145

4.1.3 有意义的转场动画145

4.1.4 帮助用户开始146

4.1.5 强调界面的变化146

4.1.6 需要注意的细节146

实战：制作界面列表显示动画147

4.2 导航菜单切换动画150

4.2.1 导航菜单的重要性150

4.2.2 导航菜单的设计要点151

4.2.3 侧边式导航的优势152

实战：制作侧边滑入菜单动画153

4.3 4种主流的转场动画效果156

4.3.1 弹出156

4.3.2 侧滑158

4.3.3 渐变放大158

4.3.4 其他159

实战：制作图片翻页切换动画160

4.4 转场动画设计规范166

4.4.1 转场要自然166

4.4.2 层次要分明167

4.4.3 转场要相互关联167

4.4.4 转场要快速过渡167

4.4.5 动画效果要清晰168

实战：制作滑动删除动画169

4.5 本章小结176

第5章 移动UI界面交互动画设计177

5.1 引导界面动画设计177

5.1.1 引导界面简介177

5.1.2 引导界面的3个基本功能178

5.1.3 引导界面的设计要素178

实战：制作引导界面动画180

5.2 加载界面动画设计185

5.2.1 加载动画简介185

5.2.2 加载动画的常见表现形式186

实战：制作火箭加载动画188

5.3 UI界面交互动画设计规范193

5.3.1 UI界面动画设计要求193

5.3.2 使用动画提升UI界面用户体验195

实战：制作下雪天气界面动画198

5.4 动画设计的作用与常见效果203

5.4.1 动画设计的作用203

5.4.2 常见的UI界面交互动画效果206

实战：制作音乐App界面交互动画210

5.5 本章小结220