为什么用户这么喜欢动效呢?

答案很简单，因为动效支持实时交互的本质。它创造了就像现实生活中人们对物理对象交互一样的情感好处。所以，这种交互让用户非常满意。对于创建 UI 交互我发现了 5 大论据。

UI 动效种类

1. 微交互

微交互是一个完成单个任务的一瞬间事件。它给出了让用户清楚某种物理交互已经完成的提示。比如，这可以是动画按钮、切换、触发等等。微交互非常重要，事实上也是设计的未来。

Stefano Malachi:动画按钮

2. 表示进度状态

这种 UI 交互显示 APP 的刷新和加载状态。在移动端，下拉刷新动效目前算是最受欢迎的动效了。在等待加载更多内容时，不仅可以告知用户状态，还可以为用户提供时尚、美观和趣味。

Stefano Malachi:进度状态

3. 显示关键导航

清晰的导航对于APP产品的设计师来说总是非常重要的。用户总是希望抢先看到最关键的事物。通过表现对所选中的导航的活动状态，这将立即吸引用户的注意力到内容上来。

StefanoMalachi:导航

4. 给数据可视化带来奇效

明显的谈到数字时人们总会感觉无聊。数据对于用户来说就是数字和表格。这是对的、有逻辑的，可数据总是用这些东西和逻辑表现。添加 UI 动效将为用户带来情感上的好处，不仅美感还有易用性。数据可以用形状、颜色和渐变来重新展示，让活力注入到布局和动效中。

Stefano Malachi:数据可视化

对于移动端 UI 动效的几个小建议：

1. 它不应该使用户从屏幕上最关键的功能上分心；

2. 它需要结合跨平台（iOS 和 Android）和不同尺寸（1 倍和 2 倍，等）的不同设备上考虑；

3. 它应该与 GUI Kit 一致，来呈现产品的一致性；

4. 它不应该对加载造成很大的数据延迟；

5. 它不该使屏幕显得过于臃肿。

总结来说，设计良好的 UI 动效将会向更高的用户体验打开一扇门。UI 动效在交互上被广泛（而不是过量）使用会有以下几个好处：

1. 提交用户体验；

2. 用户更友好、方便和容易的交互；

3. 对用户提供更好的反馈，控制他们的预期；

4. 创造更友好、时尚的视觉设计。

原文地址：medium

作者：Stefano Malachi

译者：Tiger 非科班设计（公众号）