国外大神经验，做好动效你需要了解这些细节 / 木子杰软件教程

动效的设计，最关键的就是对时间的把控，时间是至关重要的。如果不考虑动效时间，你就不肯定算不上是合格的动效设计师。

高级动画师能熟练掌握动画的节奏，时间，速度，构图，结构和动力学。

现如今到了2018年，动画终于融入了界面设计中，但很多都没有达到目标。它们在动画上还显得比较初级，而没有考虑给用户合理的动画感受。

经典动画中蕴含着丰富的知识，我们不需要重复造轮子。

动画能抓住用户的注意力

当你坐在电影院看电影之前，你可能会注意到出口标志，屏幕的边缘，你前排人的脑袋。如果这部电影非常吸引人，所有杂念都会消失，你会感觉你自己已经沉静在电影中。换句话说，直到你身边有一些白痴去看他们的Instagram通知时，你才又回到了现实。

我们通常会注意到在运动的事物，当它们静止时又会逐渐被忽略。

运动能吸引我们的注意力，所以我们应该要考虑如何利用它。

视觉疲劳

仅学习“迪士尼的12个动画原理”是不够的。

一个经典的追波回复

初级的动效设计师倾向于把所有东西都做得过于活跃。追求炫技，他们不想浪费任何一个关键帧，忘记了它会让眼睛疲劳。有一个不恰当的例子，观众坐着，设计师设计了一堆诱饵，试图向他们炫耀辛苦做出来的作品。这一点在像dribbble这样的社区得到了印证，用户在看到动画时会兴奋地点赞转发动画，因为他们以前从未见过如此炫酷的动画。而事实上，最好的动画应该是无形的。

这是我们在界面中看到一个经典错误：弹簧动画的滥用。

晃眼的界面元素

我们的注意力没意义的被震荡的界面元素所吸引。我们的视线被集中在它上面，因为它需要很长的时间才能看清楚。界面看起来有悬念，我们渴望终结它的跳动。

改进，控制界面弹跳时间

如果减少夸张的振幅，元素上的内容会更容易到。这比之前的会简洁很多，但是其实还是会有一个比较夸张的缓冲。但其实还有改进空间，自己的感受才是最重要的。

让我们聊聊形变

点击按钮变成了汉堡菜单，然后再次点击变成了关闭，在两种形态之间往复。

另一个没有意义的案例，弹跳过渡的汉堡菜单。即使没有弹簧效果，它也很能吸引人的注意力。我们不需要太夸张的形式来感知一个状态的变化，也不需要把所有的东西都成动的。

晃眼的汉堡图标

让我们结合内容来看看这个动效。留心你自己眼睛看到的地方，你是否注意到，在内容较大变动之后，这个图标在很长时间内摆动？最重要的内容应该是按钮触发的界面变化，而不是让你去看那个过度弹跳的汉堡菜单。

一个更直接的方法是完全不改变图标。相反，我们可以专注于使用微妙的动画来进行交互。这不是为了吸引眼球，而是一个指导性原则。这个新按钮的特点是先向下凹陷，然后快速的弹回，显得自然轻松，强调按下一个按钮的感觉。

谨防视觉疲劳

想想如何去引导用户视线，这对做好动效来说很有帮助。想象一下你的眼球在眼眶里旋转，快速移动，加速，减速。当你做动画时，其实你是在引导视线。你在哪里需要着重强调?视线应该放在哪里?更多的追踪需要更多的身体和精神投入。是否值得用视觉疲劳来换取使用一些夸张的动画?需要去平衡动效的细微差别，考虑最佳的适应性。