动画可被用来调整用户的感知时间，所以在对你有利的时候使用它。对于人类的大脑来说，任何少于 0.1 秒的动作都可看作是瞬时的，少于 1 秒的动作视为无缝的。所以，如果一个过程耗时 6 秒，你可将其分解为几个不同的的动画。这个技巧会让整个过程感觉更快并且让用户保持关注。

你也可以用动画来伪装一个即时动作，这个动作实际上在后台会耗时更长。这会让应用看起来响应更快，即便整个过程会花费比用户看起来更长的时间。

你无法模仿现实世界中的一切，你需要考虑用户的预期。如果你在用户界面按了一个按钮，你会预期一个及时反馈，因此这就不是应用物理规律的最佳时机，不要在像这样的情况下使用缓入动画。

好了，如果你做到了我真正相信的那些，如果你运用了这些原则，那么你正以正确的方式来制作最佳的动画，这提升的不仅是你的用户界面的观感，还有用户对其的体验。既然你了解了这些原则，你仍然需要越过一些障碍。

最后的障碍

如果你希望吸引用户，你需要提供一个无缝的体验，如果运用得当的话，动画绝对会助你完成目标。然而这并非一帆风顺，因为无论设计任何东西，atv直播，你都需要为一个不断迭代的过程做好准备。

你还需要知道如何制作原型并收集反馈，如果你的同事缺乏相关词汇，沟通起来将会十分困难。如果不使用拟声词（例如「那个按钮更像是嗖的一声发射然后嘣的一声爆炸，你知道吧？」），他们将无法评论你的动画。因此我认为最好的方法就是向人们介绍下动画的 12 条基本原则，他们在熟悉了那些术语之后就能够以你能理解的方式来表达自我了。

最后一个要跨越的障碍就是你的开发团队能够/希望投入到动画中的精力。你真的需要推动并且向他们展示在一个动画作为良好用户体验固有成分的世界里，问题不是是否要，而是在何时你们必须紧跟这一潮流？你们做的越快，效果越好。用户将对此十分感激，而你们也会大获其益。

延伸阅读：

Transitional Interfacesby Pasquale D’Silva

UI Animation and UX: A Not-So-Secret Friendshipby Val Head

Invisible animationby Steven Fabre

Creating Usability with Motion: The UX in Motion Manifestoby Issara Willenskomer

原文作者：José Torre

翻译作者：孙启玉

译文来源：https://zhuanlan.zhihu.com/p/27620327?utm_medium=social&utm_source

原文地址：https://blog.prototypr.io/6-animation-guidelines-for-ux-design-74c90eb5e47a