前言

关于本书

UI动效是什么？它和UI设计是什么关系？在学习UI动效之前，需要先成为一名UI设计师吗？需要先掌握Illustrator和Photoshop吗？这是UI动效初学者通常会有的疑问。

本书主要目的是带领读者制作UI动效，而不是做UI设计。UI动效是在UI设计完成后，对UI设计进行动态效果的补充设计。通常来说，UI设计师是可以通过自主学习掌握UI动效制作技法的，非UI设计师也是可以制作UI动效的，这只是分工的问题。至于Illustrator和Photoshop这两款主流设计软件，虽然它们在UI动效制作中不是必须掌握的，但是了解它们会对制作有较大帮助。

本书内容

本书共分为6章。为了方便读者更好地学习，本书所有操作性内容均配有教学视频。

第1章：UI动效初相识，介绍UI设计和UI动效的概念，让读者厘清二者的关系，明确学习方向。

第2章：After Effects动效制作基础，介绍After Effects在UI动效制作中的常用工具，让读者快速掌握相关工具，避免学习一些对动效制作无用的工具。

第3章：从基本组件开始学习制作，介绍UI基本组件动效的制作方法，包括按钮、开关、菜单、列表、卡片、加载、进度条等，让读者掌握UI各种基本组件的动效情况。

第4章：将动效运用在UI设计中，介绍UI动效的效果类型，包括切片、旋转、水波纹、轮播、电流、液态、重力感、插画等类型。

第5章：常用的动效制作脚本，介绍常用的UI动效制作脚本，包括导出Lottie动画的扩展脚本（Bodymovin）、形状融合脚本（Shape Fusion）、图形动画脚本（Motion 2）和模拟触控点脚本（Touch Point Pro）。

第6章：电动车助手App动效实现，实现电动车助手App的主要UI动效部分，同时介绍复杂嵌套的使用和一些简单的剪辑制作方法，让读者在学习和工作中能够举一反三，对整个UI动效的制作先有一个基本思路，再进一步完成动效制作。

作者感言

非常感谢人民邮电出版社对我的认可，让我能以图书的形式将UI动效的制作知识分享给广大读者。本书从筹划到完成经历了很长的时间，希望能够通过每一点内容、每一个实例，帮助想要学习UI动效制作的读者。另外，也借此书总结我个人摸索出来的经验，帮助读者规避一些误区。动效是一种通过动画效果表达内容的设计，需要结合实际生活体验，我们才能设计出更精彩、实用的作品。最后，感谢妻子在背后的默默支持，感谢一路上为我答疑解惑的朋友、同事和编辑们。