为什么我做的动效图，老板不让过？

李健老师

    移动互联网时代已经到来，APP已如天空的繁星，多的数不清。随着手机硬件的不断升级，实现炫酷且流畅的动效不再是多么费劲的事了。如果你是APP达人，喜欢试用各种APP，你肯定会发现越来越多的APP开始动效化。现在很多小伙伴都已经学会使用了AE，但是却做不出好看的效果。为什么辛辛苦苦做的动效图，老板却不让过？这就如同一个真正的美女一定是同时兼具外在美和内在美，评价一段动效也是如此。一段真正“美”的动效需要同时具备两个条件，首先它需要是生动且有趣的，既好看又流畅;再者它不是可有可无的，需要具备优化交互和提升体验的作用。


   APP动效的外在美

　　一段动效首先需要是生动且有趣的，不仅要有好看的外观还要有流畅的体验。要做到这点，需要赋予动效以生命力，具体有如下几种方法：

　　1.连惯性

　　仔细观察下面动效，图像在变化的过程中都是一个事件快交代完了之后，才会开始下一个动效，而不是一下子图像中的动效同时都飞了出来，这样也不便于用户观看。如此的处理方法使得整个动效充满活力，显得生动有趣。



                                                                                                              

      

       2.变速  

　　

        一个优秀的动效肯定不会是匀速运动的，匀速运动的物体显得生硬和死板，就像机器人一样。要想让一个图像运动的有活力，就需要对其运动的速度进行“设计”。仔细观察下图所示动效，虽然界面中不同元素的运动速度不尽相同，但其运动均遵循一定的原则，其中之一就是均匀变速，切记“急起”。就是说界面元素在运动时的初始速度要为0，以匀加速开始运动，而在运动结束阶段往往是可以急停的。

                                                                                                                       

               

  APP动效的内在美

　　真正优秀的动效不是只有漂亮外表的花瓶，还得具备优化交互和提升体验的作用。下面总结了2个动效的“内在美”，分别为引导和增强反馈。当然做出好的动效需要着眼的地方还有很多，但是基本做好这两点，你的动图就不会难看了。

　    1.动态聚焦

       通过动态化的处理引导用户聚焦界面的关键部位，以使体验更加的流畅。青蛙能够快速捕捉移动中的物体，人眼也具有相似特征，运动中的物体总能引起下意识的关注。如下图所示动效，屏幕上方的数字不是直接显示一个数值，而是从0迅速递增到该数值，特意表现一个动态的效果，目的就是为了吸引用户的目光，起到聚焦的作用。国内的支付宝钱包APP也利用了此类特效。

               

       2.示意过渡

         过渡动效就是给界面的变化加上流畅的过渡，目的是引导用户理解到底发生了什么，而不会使其不知所措。如下图所示动效，图片点开的过程进行了生动的模拟，让用户很轻易地理解发生了什么。试想一下，如果该页面没有滑动效果，而是直接生硬的跳转，用户没有交互的体验，是不是感觉会差劲很多呢?

     

    总结

     经过上面的学习，大家是不是对如何做好自己的动效有了一定的心得了呢？动效化显然已成为移动互联网产品的新趋势，如何设计出有趣且吸引人的动效已成为设计师们的新课题。不同的产品适合不同类型的动效，有些产品适合炫酷的动效，有些则不适合。切记不要把动效设计成华而不实的花架子，而应该将其视为提升用户体验的新方法。