目 录

第1章
1.1	UI设计基础	2
1.1.1	什么是UI设计	2
1.1.2	UI设计的重要性	2
1.1.3	UI设计的特点	3
1.1.4	UI设计色彩基础	3
1.2	UI动效设计	5
1.2.1	认识UI动效	5
1.2.2	动效在界面中的作用	6
1.2.3	UI动效设计的必要性	8
1.2.4	UI动效设计原则	8
1.3	UI动效设计类型	9
1.3.1	功能型动效	9
1.3.2	展示型动效	12
1.4	AIGC在UI动效设计中的应用	12
1.4.1	什么是AIGC	12
1.4.2	认识Midjourney	13
1.4.3	Midjourney应用方法	13
1.5	UI动效设计工具	15
1.5.1	Photoshop	15
1.5.2	After Effects	15
1.5.3	Illustrator	16
新手答疑	17


第2章
After Effects应用基础
2.1	After Effects工作界面	19
2.1.1  “工具”面板	19
2.1.2  “项目”面板	19
2.1.3  “合成”面板	20
2.1.4  “时间轴”面板	20
2.1.5	其他面板	20
2.2	After Effects基础操作	21
2.2.1	创建项目文件	21
2.2.2	创建合成	22
2.2.3	动效的渲染与输出	23
2.2.4	保存和关闭项目文件	25
动手练	渲染动效文件	26
2.3	素材的导入和管理	29
2.3.1	导入素材	29
2.3.2	管理素材	30
2.3.3	嵌套合成	32
动手练	整理动效文件素材	33
2.4	软件间的协同工作	35
2.4.1	在After Effects中应用PSD文件	35
2.4.2	在After Effects中应用AI文件	36
实战演练：创建清理加速动效	37
新手答疑	46


第3章
图层控制与动画
3.1	图层的基本操作	48
3.1.1	创建图层	48
3.1.2 	管理图层	49
3.1.3	图层混合模式	51
3.2	图层的基本属性	54
3.2.1	五大基本属性	55
3.2.2 	编辑图层属性	57
动手练	制作图像切换动效	58
3.3	关键帧动画	63
3.3.1	认识时间轴	63
3.3.2 	添加关键帧	65
3.3.3	关键帧的编辑与管理	65
3.3.4 	关键帧插值	66
3.3.5	认识图表编辑器	67
动手练	制作指针旋转动效	68
实战演练：制作按钮动效	72
新手答疑	79


第4章
蒙版动效制作
4.1	创建蒙版动效	81
4.1.1	认识蒙版	81
4.1.2	蒙版动效原理	81
4.1.3	形状工具组	81
4.1.4	钢笔工具组	85
动手练	亮度调整动效	87
4.2	编辑蒙版属性	90
4.2.1	蒙版路径	91
4.2.2	蒙版羽化	92
4.2.3	蒙版不透明度	93
4.2.4	蒙版扩展	94
4.2.5	蒙版混合模式	95
动手练	界面切换动效	96
实战演练：音乐播放动效	99
新手答疑	104


第5章
文本动效制作
5.1	创建文本图层	106
5.1.1	UI文本规范	106
5.1.2	创建文本	108
5.1.3	编辑文本	109
动手练	描边文本动效	111
5.2	文本动效制作	115
5.2.1	文本图层的属性	115
5.2.2	动画控制器	116
5.2.3	文本选择器	118
5.2.4	文本动画预设	120
动手练	文本跳动动效	121
实战演练：闪屏页文字出现动效	127
新手答疑	133


第6章
界面动效设计
6.1	常见动效设计	135
6.1.1	界面加载等待动效设计	135
6.1.2	界面刷新动效设计	137
6.1.3	引导界面的动效设计	138
6.1.4	导航菜单动效设计	139
动手练	进度条加载等待动效	140
6.2	界面切换动效设计	146
6.2.1	常见的界面切换动效	146
6.2.2	界面切换动效设计规范	146
动手练	日历切换动效	147
实战演练：界面切换动效	152
新手答疑	160


第7章
Photoshop动效制作
7.1	制作动效	162
7.1.1	认识时间轴	162
7.1.2 	制作帧动画	162
7.1.3	制作视频时间轴动画	163
动手练	制作进度条动效	164
7.2	导出动效	170
7.2.1	导出视频格式	170
7.2.2 	导出GIF格式	170
动手练	导出加载旋转等待动效	171
实战演练：制作天气预报动效	175
新手答疑	180


第8章
综合案例：制作悦·乐App登录动效
8.1	思路分析	182
8.2	制作过程	183
8.2.1	制作启动动效	183
8.2.2	制作点按动效	187
8.2.3	制作登录动效	190


附录
附录A  After Effects常用快捷键汇总	196
附录B  Photoshop常用快捷键汇总	200