前言

感谢您选择本书，为了帮助您更好地学习本书的知识，请阅读下面的内容。

动效是科技产品“情感化设计”的纽带，在设计清晰的逻辑和漂亮的界面以后，需要使用动效将这些漂亮的设计衔接起来。界面、交互、动效构成了情感化设计的三大载体，其中的动效不仅仅是界面的润滑剂，它的作用更多地体现在交互逻辑、视觉渲染和创新实践上。

本书是关于APP动效设计的实战教程图书，全书共9章，从移动和网站开发的视角，有序介绍了动效的作用、设计原则、分类、动效设计方法、动效制作软件、APP基础动效的制作、APP高级动效的制作、Android中的3D动画、HTML5动画和使用Cinema 4D制作3D特效等内容，具体如下。

第1章为动效基础知识，包括动效的应用、APP动效设计原则和分类、动效设计方法及动效制作软件。

第2章介绍动效的分类和作用，包括常见的各种基础动效的描述、动效的各种作用的描述、动效的各种分类的描述及动效的评判方法。

第3章介绍了动效设计软件After Effects（简称AE）的应用，包括该软件的特点、工作界面、合成、图层、渲染和输出，使用Bodymovin插件导出动画的方法，在Android中使用Lottie导入AE动画的方法及Web中使用AE动画的方法。

第4章介绍Android基础动画，包括Android中的绘图动画、矢量动画、Drawable动画、属性动画和控件动画的实现方法。

第5章介绍APP基本动效的制作方法，讲解了APP各种典型动效的实现方法、APP各种类型图表的制作方法及GitHub中优秀的开源动效项目。

第6章介绍APP进阶动效的制作方法，包括图标、导航和菜单动效、Loading动效、手势动画、文字动效和After Effects高级动效，并结合具体实例展示了详细操作步骤。

第7章介绍Android中的3D动画。在Android应用程序中，3D动画具有更好的表现效果。本章结合具体实例介绍在Android中实现3D动画效果的两种典型方法：一是Camera实现3D动画，二是使用OpenGL ES动画库实现3D动画。

第8章介绍了HTML5动画。HTML5动画是目前网页广泛使用的动画，本章介绍了HTML5动画的三种典型形式：（1）Canvas元素结合JavaScript；（2）纯粹的CSS3动画；（3）jQuery动画。除此之外，本章还详细介绍了HTML5动画的两个制作工具DragonBones和Adobe Animate CC的应用方法。

第9章介绍使用Cinema 4D制作3D特效的方法。Cinema 4D是目前主流的3D效果制作软件，用于3D建模、绘制、动画和渲染。本章介绍了Cinema 4D的基本操作、运动图形、角色动画及RealFlow插件，并结合相关实例进行了说明。

本书具有下列特点。

（1）内容全面：内容涵盖两种最典型的动效应用端：移动端和Web端，基于这两种平台介绍了典型的动效实现方法。

（2）制作平台多样：本书涵盖多种典型的动效制作平台，包括After Effects、Android、Adobe Illustrator、JavaScript、CSS3、DragonBones、Adobe Animate、Cinema 4D等，通过这些典型制作软件的展示，让您了解各平台的优点和适用范围。

（3）系统完整：从简单到复杂、从低级到高级、从二维到三维，系统介绍了动效的完整知识体系。

（4）视角独特：从移动和网站开发的视角，有序介绍动效的作用、设计原则、分类、动效设计方法及动效制作软件，循序渐进地介绍了基础、高级、3D等动效的实现方法。

（5）应用性强：每一部分配以应用实例，让您轻松领会动效开发的精髓，快速提高开发技能。

由于编写时间仓促，加之作者水平有限，书中疏漏和错误之处在所难免，望广大专家、读者提出宝贵意见，以便修订时加以改正。

作者