如何用动画来提高 UX

动画不是娱乐用户的目标，而是帮助用户了解什么以及如何最有效地使用你的应用程序。我们不再只是设计静态屏幕。我们是从这些用户如何获取屏幕看内容而设计。
动画可以应用在各种各样的尺度和情境中，以统一美观和功能：它可以影响行为，沟通状态，引导用户的注意力，并帮助用户看到他们的行动的结果。这里只举几个例子来说明你可以在你的UI中添加一些动画来改善体验的地方。

1.加载(loading)可以让用户不那么无聊

如果你不能缩短线和动画来来取代恼人的纺纱加载指标（基本上只是提醒用户，他们正在等待），你应该总是试图让等待更愉快。几乎任何网站或应用程序可以利用一个骨架屏幕与微妙的动画加载内容时，以保持用户从事。

Skeleton screens complete the UI incrementally before the content is fully loaded（骨架屏幕在内容完全加载之前逐步完成UI。）

2.设计状态变化不难削减

动画可以用来使转换更加明显，因为可以明了的知道用户开始和结束之间发生了什么。一个精心设计的过渡使用户能够清楚地了解他们的注意力集中的地方。

没有什么比突然的变化更不自然的了，用户也无法理解。
正如你所看到的，动画转换帮助用户理解接口的速度和流程。它也有助于引导用户到下一步的互动。

3、可以解释元素之间的关系

动画可以增强直接操控感。 例如，菜单图标可以顺利过渡到一个播放控制，然后再回来。这种效果既通知用户按钮的功能，同时添加一个元素的奇妙的互动。将游戏图标转换为暂停也意味着这两个动作是连接的，而另一个则不能使用。

另一个例子 - 当按下动作键，加号变成一支铅笔。这表明铅笔是主要的创作方法。这样一个小细节意味着必须猜测下一步会发生什么，知道图标在两种状态中意味着什么.

。

4、利用反馈来突显出了错（动画可以加强行动用户预）

例如，表单条目可以大大提高一些动画。如果输入正确的数据，一个简单的“点头”动画可以在完成后被引入。而横向震动可以使用时，拒绝输入。当用户注意到这样的动画他们便会立即了解动作。

5、使用反馈来显示已经完成的（动画可以用来帮助人们可视化的操作结果和行动）

在条纹的下面的例子，当用户点击“支付”，微调简要地出现在应用程序的成功显示状态。复选标记动画让用户觉得他们容易并支付用户欣赏这样的重要细节。

6、总结

动画是强大的使用时，在一个复杂的方式。当动画不恰当时，花时间考虑动画是非常重要的。我们需要从一开始就接受这个运动，并认为它是我们设计的自然组成部分，因为设计不仅仅是视觉表现。正如史蒂夫·乔布斯所说的设计：
“这不仅仅是它的样子和感觉。Design is how it works。”
参考英文文档