APP界面设计中使用动效的注意事项

随着技术的快速发展，动效不再是视觉上的华美，更多的用户所要求的期望功能。动效解决了很多功能问题和接口，可以真正与用户互动。下面与创新互联编者《APP界面设计中使用动效的注意事项》，提高界面接口的功能增加情感的力量。

1.系统状态在你的程序在后台总发生一些过程，如正在从服务器下载数据，进行计算。这总是需要一些时间的。你需要让用户知道这个程序没有冻结，显示正在处理的状态。视觉交互给用户一种控制程序的感觉。 加载完成度加载时间对大多数产品是不可避免的。而动效虽然不能解决这个问题，但会减少一点问题。当我们不能缩短时，当然可以使等待变得更愉快。有创意的过程动效可以减少用户感知的时间。动效影响用户感知你的产品，使它看起来比实际上更好。

如果一个应用在加载时为用户提供了一些有趣的事情，这会使得用户更少关注等待本身。图片来源：Ramotion

下拉刷新

这组很流行的动效是“下拉刷新”，它发起一个移动设备上的内容更新的过程。

图片来源：Zee Young提示：刷新动效应该与设计整体匹配——如果应用很小，动效也应该是。

通知因为运动会吸引注意力，动效是一个令人愉快的方式可以与没有太多经验的用户进行交互。移动的对象立即抓住了用户的注意力。

2.导航和转换

最基本的动效是转换。这种类型的动效背后的逻辑是帮助用户理解发生在页面上的布局的变化，改变了什么以及以后如何再次改变。一个典型的例子是一个汉堡包按钮，进行切换隐藏内容。

动效设计可以有效地引导用户愉快的接受通知。图片来源：Gal Shir尽管汉堡包动效可能在这里是最推荐的，还是有很多其他方式的动画导航。

导航之间的转换设计师使用动效在导航之间切换用户上下文，解释屏幕上的元素的变化。

不同状态之间的转换应该充当中介的UI,帮助用户理解屏幕上的变化是发生了什么。图片来源：Ehsan Rahimi

视觉元素之间的层次结构和联系动效可以好的描述对象，并说明它们如何进行交互的。

动效说明了元素是如何交互的。图片来源：Vitaly Rubtsov

功能变化在某些情况下，设计师们不得不设计一个在一定条件下变化但操作按钮。我们经常在空间受限的手机设计中看到。

“开始”和“停止”按钮可能是最常见的多态按钮的例子。图片来源：KREATIVA Studio这种类型的动画显示了当用户进行交互时元素是怎样改变的。在下面的示例中，当用户按浮动操作按钮，加号变成了一支铅笔。这表示铅笔是主要的功能。这个小的细节意味着接下来发生不同的情况，知道图标意味着这两种状态。按钮改变从一个“+”到“铅笔”表明按钮的功能发生了变化。

3.视觉反馈

任何用户界面的视觉反馈都是至关重要的。它可以让用户有控制感，让用户感觉理解在给定的时间的当前上下文的系统。 反馈确认APP界面设计的元素如按钮和控件应该有的，即使他们是在另一个图层后面。在物质世界中，按钮、控件和其他与我们进行交互的对象。人们都会在交互中期望类似水平的用户界面控件的响应能力。为了弥合这一差距，视觉和运动轨迹需要即时输入，动画的外观和方式直接进行操作。

可视化的行为的结果动效可以提高每一个交互并且是加强用户预成型的操作。在下面的例子中，当用户点击“支付”，一个转轮短暂出现在应用中表示成功的状态。动效让用户觉得他们可以很容易支付而且用户会很喜欢这样的细节。

视觉反应可以增加用户的参与度并取悦用户。图片来源：Michal Villar

工具和教程下面的教程可以帮助您把动效融入你的Android或者iOS项目中：用Adobe After Effects制作动效。用图形和动效指南帮助你为应用程序添加一个动效到你的Android程序，使用iOS自定义的动画项目

总结

动效在使用时是一种强大的复杂的方式。它为设计增加了生命，即使在最简单的交互吸引用户，让你的作品脱颖而出。精心设计的动效增强用户体验。

文章标题：APP界面设计中使用动效的注意事项
网页URL：https://www.cdcxhl.com/news29/167179.html

成都网站建设公司_创新互联，为您提供微信小程序、企业建站、网站内链、全网营销推广、关键词优化、建站公司

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联