动效如果不能一步完成，那就干脆放弃

来源：济南天琥设计培训学校时间：2018/11/12 8:51:33

几乎所有出彩的微交互的动效都是一步到位或是步骤统一，那些不是很好的往往败在了过于复杂的动效上。

在这个例子中，Romain Passelande(他的 Dribbble 不要太屌)的动效让我“虎躯一震”。

不太熟悉动画的朋友可能看不到我所看到的内容。这幅动效中有两个单独的动作：直线的转换和图标的旋转。这两个动作实际上可以合并为一个动作，然而实际上并没有这样，Romain把他们分开了。如果看的不是很明显，那么看一下这张对比图：

左右两边的动效就是把直线的转换和图标的旋转这两个动作分开进行的，中间的动效则是用一个动作整齐划一的完成，既不繁琐也不累赘。

小技巧：

确保微交互的动效是一步完成的，如果有多个动作在不同时间和位置进行，那么干脆放弃吧。

关键词：

一步完成