AE 动效制作和交付方案

  在界面设计中，设计师利用动效让整个界面更加活泼，给界面元素带来生命力，解决功能上的问题，在更好地展示产品功能的基础上，凸显品牌的特色。而作为用户，动效增强了体验者的审美感受、情感需要，让用户更容易理解和使用产品，使用户和界面之间具有更自然和谐的联结。因此动效不仅是设计师有效的表达工具，更是人机交互过程中重要的指导性视觉元素。    

    动效设计的基本原则是在自然流畅的基础上添加个性，更好地服务于界面的功能性表达，凸显产品的优势。制作过程中需遵循一系列与时间、空间、连续性相关的动效设计原理分享给大家。

1. 界面元素的动画速度合宜，不能过快也不能过慢。动画持续的时间通常在0.2-05s之间，小于0.1s的动画很难让人感知，大于1s的动画又容易让人感觉拖沓、延迟、不够流畅，宣传动画的动效通常在0.2-0.6s(6f-15f)之间。
2. 设备屏幕的大小会影响动画的持续时间。在一版情况下，手机上动画的持续时间在0.2-0.3s为宜；在平板电脑上，在0.4-0.5s之间；在更大的屏幕上，元素变化的位置路径会更长，因此需要更长的时间；在可佩戴设备中，在0.15-0.2s之间。然而，在网页上又是另外一种方式，由于用户习惯在浏览器中快速打开网页，也希望在不同页面之间能够快速切换，所以在网页上的动画应该要比手机上更快，通常在0.15-0.2s之间。一旦超过这个时间，用户就会觉得网页不流畅，或者认为网络出了问题。当然根据动画类型的不同也应该有不同的考量，如进入页面的品牌推广动画，就可以用更长的时间来表现。

3.动画的持续时间与物体的大小和移动的距离有密切关系。小的元素动画要比大元素的动画持续的时间短；同样大小的元素，距离短的动画持续时间更短。大元素与小元素相比，小元素的移动速度显得更慢，因此需要的时间更短。

4.按顺序依次出现列表项目或同样元素时，需要在每一个新列表项出现之前有一个短暂的间隔。为了保证动效的有序和流畅度，间隔的时长一般在0.02-0.025s之间。如果是答题的动画，答案选择项依次出现的间隔时长约为0.06s，为了让用户轻松答题，要不制造过度的时间紧迫感。

5.添加缓动动画是动画制作最基本也是最重要的原理之一，缓动是让动效看上去自然的关键所在。在物理世界中，不受任何物理因素影响的匀速运动