随着技术的快速发展,动画的视觉奢华和更多的用户期望的功能要求。 动画中解决了很多功能问题接口和接口觉得活着并真正响应用户。

让我们探索动画的关键策略,提高你的手机接口的功能和情感力量。

如果你想做UI设计，但没有头绪；想转行UI却感到迷茫，想提升自己不知方法。。。
那么可以点击链接加入群聊【UI设计学习交流】：https://jq.qq.com/?_wv=1027&k=5NtcpDM
一起学习成长！

1。 系统状态

总有一些过程发生在你的应用程序在后台,如正在从服务器下载数据,计算。 这样的过程总是需要一些时间。 你应该让用户知道这个程序不冻结,显示正在处理的状态。 视觉给用户一种进步的迹象控制在应用程序。

加载指标

加载时间对大多数数码产品是不可避免的情况。 而动画不能解决这个问题,他们肯定减少等问题。

当我们不能缩短,我们当然可以使等待更愉快。

创造性进步指标可以减少用户的感知时间。 动画影响用户的感知你的产品,使它看起来比实际上更好。

2、拉刷新

著名的动画在这组是“下拉刷新”,发起一个移动设备上的内容更新的过程。

提示:Pull-to-refresh动画应该匹配的设计大纲程序——如果应用程序很小,动画应该。

3、通知

因为运动自然吸引了注意力,动画你的通知是一个令人愉快的方式通知用户对某事不妨碍太多的经验。

4、导航和转换

最基本的使用动画转换。这种类型的动画背后的逻辑是帮助用户理解的变化已经发生在页面的布局,引发了什么改变和如何启动以后再次改变吗。 一个典型的例子是一个汉堡包按钮,切换隐藏内容。

虽然汉堡包动画可能最希望选择这里,还有很多其他方式,动画补充导航。

5、导航之间的交通环境

设计师使用动画顺利运输用户导航之间的上下文和解释的变化在屏幕上的元素的安排。

6、视觉元素之间的层次结构和连接

动画是完美的描述对象的接口,并说明它们如何相互作用。

7、函数变化

在某些情况下,设计师们不得不设计一个操作按钮的功能变化在一定条件下。 我们经常看到这在手机设计中整体空间有限的地方。

这种类型的动画显示一个元素改变当用户交互。 在下面的示例中,当用户按浮动操作按钮,加号变成一支铅笔。 这表明铅笔是主要的创建方法。 这么小的细节意味着之间的区别有猜测接下来会发生什么,知道图标意味着在这两种状态。

8、视觉反馈

为任何用户界面视觉反馈是至关重要的。它在控制和用户,让用户感觉控制意味着了解和理解当前上下文的系统在任何给定的时间。

9、确认

用户界面元素(如按钮和控件应该出现有形的,即使他们是在一层玻璃。

在物质世界中,按钮、控件和其他对象回应我们与他们交互。 人们期望类似水平的用户界面控件的响应能力。

弥合这一差距,视觉和运动线索立即承认输入,动画的方式,外观和感觉直接操作。

10、可视化的结果的行为

动画可以增强互动和每一个点加强用户预成型的操作。

在条纹下面的例子中,当用户点击“支付”,一个转轮短暂出现在应用程序显示了成功的状态。 检查标志动画让用户觉得他们容易支付和用户做欣赏这样的重要细节。

11、工具和教程

以下教程将帮助您把动画融入你的Android和iOS项目:

使用Adobe After Effects动画 构建应用程序的图形和动画指南帮助您添加一个运动到你的Android应用程序 使用自定义动画在iOS项目:

结论

动画是强大的使用时在一个复杂的方式。 它增加了生命的任何设计,吸引用户即使在最常规的任务,当然让你从人群中脱颖而出。 精心设计的动画让体验感觉的。