前言

UI为用户界面（User Interface）的简称，UI设计属于工业产品设计的一个特殊形式，其具体的设计主要针对软件，通过对软件涉及的人机交互、操作逻辑等多方面的内容加以分析，实现软件的应用价值。随着智能化电子产品的普及，越来越多的UI设计需要加入动效。像其他元素一样，动效对用户使用体验起到支撑的作用，优秀的动效能让用户更快乐地使用智能产品。

本书所使用的Photoshop、Illustrator、After Effects软件均为2020版本，为了有更好的操作体验，建议大家使用对应版本的软件进行学习。

内容框架

全书共8章，主要从不同类型的设计软件出发，介绍从静态UI到动态UI的制作，具体内容如下。

第1章：介绍什么是UI动效设计，简单介绍UI制作的常用软件，并介绍UI色彩设计和常见组件。

第2章：介绍Photoshop的功能和基本操作，讲解如何通过Photoshop制作UI和元素。

第3章：介绍Illustrator的功能和基本操作，讲解如何通过Illustrator绘制矢量图标。

第4章：介绍After Effects的功能和基本操作，利用该软件将静态UI制作成动态UI。

第5章：介绍UI的设计规范，包括网页界面、手机界面和智能手表界面的设计标准。

第6章：以网页端UI为例，介绍网页界面的UI动效设计与制作流程。

第7章：以手机端UI为例，介绍手机界面的UI动效设计与制作流程。

第8章：以智能手表UI为例，介绍智能手表界面的UI动效设计与制作流程。

本书内容

本书主要基于“怎么学”和“学了有什么用”这两个问题展开讲解，帮助读者精通UI动效的设计与制作。为方便读者学习，笔者对本书的学习思路进行了梳理，详见下图。

本书特色

致谢

本书主要由北京邮电大学世纪学院孙丽娜老师编写，其他参与编写的人员还有北京印刷学院的王斐、姜雪羽、褚亚静几位老师。在创作的过程中，由于水平有限，疏漏在所难免，希望广大读者批评指正。感谢您选择本书，同时也希望您能够把对本书的意见和建议告诉我们。

编者
2020年10月