现如今，优秀的界面动效很能让人产生深刻印象，甚至是带来惊喜。它一方面表达了界面之间的交互过程，解释说明如何使用应用，另一方面也能正确引导用户的注意力。本文将界面动效的主要原则和规范做一个收集归纳，便于设计师进行快速决策。  

  动效与用户体验的结合相对较新，其根源是迪士尼动画设计的十二个条基本原理。迪士尼动画原理是为了讲故事而提炼出的基本的物理运动规律。这些原理能让绘制的卡通角色移动和表演，但不能充分满足现代UI界面的交互需求。为了弥合这个差距，动效专家CanedoEstrada改编的《动效设计的10条原理》更适合应用到数字产品设计中。  

  简单与复杂  

  图标动效可以根据选项重要级别使用简单或复杂的动效  

  简单：级别低的图标使用简单一致的动效  

  复杂：可以通过复杂动动效来强调应用中重要的图标  

  图标动效的持续时间  

  图标动效越复杂需要的时间就越长以免显得仓促为了保持应用的一致性对具有相似度的图标使用相同的持续时间  

  动效的速度和持续时间  

  当界面元素改变他们的状态和位置时，动画的持续时间应该以用户能注意到又不用等待  

  大量的研究发现在界面中最优的时间是200-500ms。这个数字是根据人类大脑的认知水平得出来的。任何小于100ms的动画是人类很难感知到的，而其他大于1秒的动画又会让用户觉得有些延迟，不够流畅。  

  还需要记住的一点就是，无论在什么平台，动画的持续时间不仅跟它的移动距离有关，还跟它本身的大小有关系。小的元素或者变化不大的动画应该要移动的更快，而大的元素或者复杂的元素持续时间稍长一些看起来会更好。  

Powered by Froala Editor