如何用动画来提升 UX

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

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

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

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

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

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

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

三、能够解释元素之间的关系

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

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

。

四、利用反馈来突显出了错（动画能够增强行动用户预）

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

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

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

六、总结

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