动效设计，成为交互设计师之后觉得一定要学的必备技能  

  动效的分类  

  功能性（Functional）、物理性（Material）、趣味性（Delightful）  

  功能性（Functional）  

  优化用户对界面的感知，使其感到更轻快更全面。2、引导用户，引起用户的注意。3、提供（用户操作后的）视觉（功能）反馈，并为下一步的跳转做准备。  

  物理性（Material）  

  在一致的动画原则和物理的（符合物理定律的）UI模型基础上构建动画。2、定义屏幕和UI元件之间的空间相对关系，他们的相对高度，权重以及速度。  

  趣味性（Delightful）。  

  在上面两个部分都满足的情况下，加入一些有趣的动画。2、使它感觉独特，能在诸多动画中能让人眼前一亮。3、娱乐用户，并让他们一想到动画就能想到该产品或者反之。  

  动效软件  

  Flinto学习曲线很平滑，设计师很快可以学会，比较适合创建多个页面之间的简单联动，复杂场景流程的模拟。  

  优势：操作界面精致（behance设计师参与设计）；单个元素的参数调整方便；有官方中文版；  

  劣势：对应的是它的动效状态也更简单一些，无法完成单个页面的多个动效叠加变化。  

  LottieAE里面的一个小插件。  

  优势：可以直接导成动效代码，让开发把代码放在他的代码里面就可以了，不用在开发实现的时候再进行反复的数值调整；Lottie里面有大量各大公司的动画模版，可以在成品上调整，快速出效果；  

  劣势：需要有ae的基础；操作比前面两个都要复杂一些，适合某个细节的复杂动向。 

Powered by Froala Editor