设计师需要学会设计有意义的动效(2)

“精心编排的动效设计能更为有效地吸引用户的注意力，并让用户专注于操作不同的步骤，经历不同的流程；有意味的动效设计能在界面变化、元素重新排列过程中，让整体体验更好。”

动效可以也应该超越单纯的打磨优化。动效以一种全新的方式来呈现界面的个性，教育用户如何同特定的元素进行交互，构建用户于界面之间的独特关系。

当整个界面随着用户的需求进行变化的时候，用户会下意识查看所有的转变，这个过程中，界面的重排和各个部分的转场动效可以清晰地告诉用户它们是什么，怎么来的，去了哪里。

正如Google在Material Design中所设定的“独特的纸”的隐喻一样，当用户于界面进行操作的时候，UI随着涟漪般的动效而进行转变，空间的变化和界面元素的变化由动效连接在一起，用户可以轻松理解界面是怎么回事。

在设计小组讨论中，Roman Nurik 问我们怎样才能最好地向别人展示设计成果。Roman的这个问题促使我们深入探讨了功能型原型。

在过去的5年里，当我们提及原型的时候，通常想到的是通过箭头和说明连接在一起的若干界面。但是时至今日，一切都截然不同，之前的原型设计显得过于粗糙，而现在的原型要求能够置于移动端设备进行演示，拥有真实的界面过度效果，可交互的元素，滚动的区域，动画，以及必要的状态变化。

在过去，设计师并没有真正意义上充分利用After Effects来作为重新设计的工具。除了拿来制作页面滑动效果之外，多数设计师对于其他的功能几乎如同克林贡语一样疏于了解。之所以会这样，是因为其他的部分被认为并不重要，而不被重视的结果通常就会被忽视，在日程紧张的时候，这些部分甚至会被直接移除。

除此之外，AE还会被用作优化小过度效果，或者对象变换效果，但是也仅此而已——它仅仅只是被用作一个修修补补的工具而已。撇开这些细节，设计团队和开发团队的沟通是非常简单的：点开这里打开另一个页面，这个界面切换到另一个界面……界面的转变效果都差不多。

但是，时代不一样了。网页过渡效果依然存在，但是所设计到页面元素越来越多，各种元素转变的先后快慢都需要被编排。在接下来的几年里，动效设计将成为桌面端/移动端/穿戴设备/智能家居/智能汽车中必须的组成部分。这也意味着，在设计流程中，动效设计也会被纳入其中，成为必要过程。