陈力，天津电子信息职业技术学院副教授，艺术设计学院副院长。编写出版After Effects移动UI交互动效设计与制作（全彩慕课版）十四五国规教材。 ???????????????本书全面地介绍了 UI 动效设计，通过由浅入深地讲解方法，结合典型案例的制作，使读者 容易理解相应的知识点，并能够在此基础上掌握 UI 动效的制作方法。全书共分为 7 个模块，分别是 UI 动效设计基础、 After Effects 基础操作、基础关键帧动效制作、蒙版动效制作与输出、 UI 元素动效、界面转场与菜单动效和综合案例。本书配套资源中不但提供了本书所有实例的源文件和素材，还提供了所有实例的多媒体教学视频，以帮助读者迅速掌握使用 After Effects 进行 UI 动效制作的精髓，可以让新手零基础起步，进而跨入UI 动效设计高手行列。本书案例丰富，讲解细致，注重激发读者兴趣和培养动手能力，适合作为 UI 设计人员的参考手册。 ???????????????目　　录 模块1 UI动效设计基础【学习目标】11.1　了解UI动效11.1.1　什么是UI动效11.1.2　UI动效的发展21.1.3　动效在UI中的作用31.2　UI交互设计41.2.1　用户青睐的交互设计模式51.2.2　提升产品转化率51.3　UI动效设计的要点与作用71.3.1　增强用户体验71.3.2　提升产品气质71.3.3　还原设计亮点81.4　如何设计动效81.4.1　首先需要有一个想法81.4.2　实现想法91.5　动效的类型有哪些101.5.1　转场过渡101.5.2　层级展示111.5.3　空间扩展111.5.4　聚焦重点111.5.5　内容呈现121.5.6　操作反馈121.6　基础变化类型131.6.1　移动、旋转和缩放131.6.2　属性变化131.6.3　变化节奏141.6.4　基础变化的组合应用141.7　UI动效设计软件151.8　模块小结171.9　素养拓展171.10　课后测试171.10.1　选择题171.10.2　创新题18模块2 After Effects基础操作【学习目标】192.1　After Effects概述192.2　After Effects工作界面202.2.1　认识After Effects工作界面202.2.2　菜单栏212.2.3　工具栏222.2.4　“项目”面板232.2.5　“合成”窗口242.2.6　“时间轴”面板242.2.7　其他面板252.3　After Effects的基本操作262.3.1　创建项目文件262.3.2　在项目文件中创建合成文件272.3.3　保存和关闭项目文件272.3.4　After Effects中的基本工作流程282.4　素材的导入与管理操作282.4.1　导入素材的基本方法292.4.2　导入PSD格式素材30任务1：通过导入PSD格式文件创建合成302.4.3　导入AI格式素材31任务2：通过导入AI格式文件创建合成302.4.4　素材的管理操作322.4.5　嵌套合成文件342.5　认识“时间轴”面板352.5.1　“音频视频”选项352.5.2　“图层基础”选项362.5.3　“图层开关”选项362.5.4　“转换控制”选项362.5.5　“父级和链接”选项372.5.6　“时间控制”选项372.6　After Effects中的图层382.6.1　认识不同类型的图层382.6.2　图层的混合模式412.7　模块小结432.8　素养拓展432.9　课后测试442.9.1　选择题442.9.2　创新题44模块3　基础关键帧动效制作【学习目标】453.1　了解关键帧与关键帧动画463.2　关键帧的编辑操作463.2.1　关键帧的创建方法463.2.2　选择关键帧473.2.3　移动关键帧483.2.4　复制关键帧483.2.5　删除关键帧48任务1：制作背景图片滑动切换动效483.3　基础“变换”属性533.3.1　“锚点”属性533.3.2　“位置”属性533.3.3　“缩放”属性543.3.4　“旋转”属性543.3.5　“不透明度”属性55任务2： 飞行加载动效533.4　运动路径613.4.1　将直线运动路径调整为曲线运动路径613.4.2　运动自定向62任务3：制作飞机飞行动效603.5　图表编辑器663.5.1　认识图表编辑器663.5.2　设置对象的缓动效果67任务4：制作圆球弹跳变形动效653.6　模块小结733.7　素养拓展743.8　课后测试743.8.1　选择题743.8.2　创新题74模块4　蒙版动效制作与输出【学习目标】754.1　形状的应用764.1.1　形状路径764.1.2　创建路径群组774.1.3　设置形状路径属性77任务1：制作圆环Loading动效774.2　创建蒙版动效844.2.1　蒙版动效原理844.2.2　形状工具844.2.3　钢笔工具854.2.4　创建蒙版854.2.5　设置蒙版属性864.2.6　蒙版的叠加处理87任务2：制作二维码扫描动效844.2.7　轨道遮罩92任务3：制遮罩标题文字动效894.3　在After Effects中渲染输出动效974.3.1　认识渲染工作区974.3.2　理解渲染输出选项984.3.3　渲染输出99任务4：将动效输出为视频和图片964.4　模块小结1034.5　素养拓展1044.6　课后测试1044.6.1　选择题1044.6.2　创新题105模块5　UI元素动效【学习目标】1055.1　图标动效1065.1.1　图标在UI中的作用1065.1.2　图标动效的常见表现方法1085.1.3　制作简约线框图标变换动效110任务1：制作简约线框图标变换动效1105.1.4　制作美食图标动效115任务2：制作美食图标动效1155.2　加载进度条与开关按钮动效1235.2.1　常见的加载进度条表现形式1235.2.2　制作矩形进度条动效124任务3：制作矩形进度条动效1245.2.3　开关按钮的功能特点1285.2.4　制作开关按钮动效128任务4：制作开关按钮动效1285.3　文字动效1325.3.1　文字动效的优势1325.3.2　文字动效的常见表现形式1335.3.3　制作手写文字动效135任务5：制作手写文字动效1355.4　Logo动效1395.4.1　Logo动效概述1395.4.2　Logo动效的优势1405.4.3　设计Logo动效时需要注意的问题1425.4.4　制作动感切片Logo动效142任务6：制作动感切片Logo动效1425.5　工具栏动效1475.5.1　工具栏动效设计1475.5.2　制作液态标签栏图标动效148任务7：制作液态标签栏图标动效1485.6　模块小结1545.7　素养拓展1545.8　课后测试1545.8.1　选择题1545.8.2　创新题155模块6　界面转场与菜单动效【学习目标】1566.1　界面切换转场动效的核心规则1566.1.1　转场动效自然流畅1566.1.2　动效层次分明1576.1.3　关联是过渡动效的重要功能1576.1.4　界面切换过渡要快速1576.1.5　动效要清晰1586.1.6　制作登录转场动效159任务1：制作登录转场动效1596.2　常见的界面切换转场动效1666.2.1　弹出1666.2.2　侧滑1676.2.3　渐变放大1676.2.4　其他1686.2.5　制作图片翻页切换动效168任务2：制作图片翻页切换动效1686.3　导航菜单切换动效1766.3.1　交互式动态导航菜单的优势1766.3.2　导航菜单动效的设计要点1766.3.3　制作侧滑导航菜单动效177任务3：制作侧滑导航菜单动效1776.4　模块小结1816.5　素养拓展1816.6　课后测试1826.6.1　选择题1826.6.2　创新题182模块7　综合案例【学习目标】1827.1　制作天气界面动效1837.1.1　动效分析1837.1.2　制作步骤1837.2　制作界面加载动效1887.2.1　动效分析1887.2.2　制作步骤1887.3　制作App界面滑动动效1947.3.1　动效分析1947.3.2　制作步骤1947.4　制作App欢迎界面动效2017.4.1　动效分析2017.4.2　制作步骤2017.5　模块小结2107.6　素养拓展2107.7　课后测试2117.7.1　选择题2117.7.2　创新题211