动效设计的用途

新闻来源:发布人:翡翠编辑时间:2018-07-25
随着技术的快速发展,APP中的动效不再是一个视觉奢侈品,而是一个用户都会期待的功能需求。动效解决了很多界面中的功能问题,使界面看上去更灵动,并且做到真正地响应用户。……

随着技术的快速发展,APP中的动效不再是一个视觉奢侈品,而是一个用户都会期待的功能需求。动效解决了很多界面中的功能问题,使界面看上去更灵动,并且做到真正地响应用户。

下面将介绍一些主要的动效设计技巧,通过这些技巧可以改善页面的功能性和提升情绪感染力。

系统状态

APP后台总会运行着一些进程,例如,从服务器上下载数据,或者进行某项计算。这类进程总是需要一些时间,因此,你需要让用户知道你的APP没有卡住,并且告诉用户正在进行的进程的状态。进程的视觉显示可以让用户对APP产生一种控制感。

加载提示

加载时间对于大多数互联网产品来说是不可避免的。虽然动效不能从根本上解决问题,但是它可以让“等待”不是那么难受。

当我们无法缩短时长,但我们可以让等待更愉快。 

充满创意的加载提示可以减少用户对时间的感知。动效可以使等待的过程看上去比实际好一些,影响用户对你的产品的看法。

导航和切换

动效的最基本的用法是—切换。这类动效背后的逻辑是帮助用户理解页面中发生的变化、引发了变化的内容以及以后如何再次触发变化。一个经典的例子就是可以触发隐藏内容的“汉堡按钮”。

在导航中平滑切换

设计师可以使用动画帮助用户在各导航之间平滑地切换,并且阐明清楚页面上元素布局的变化。

元素之间的视觉层级关系和联系

动画很适合表述界面中的事物,并且说明它们之间如何相互作用。

功能改变

在某些情况下,设计师会被迫设计一个在某些条件下功能发生变化的操作按钮。因为移动设计的整体空间有限,我们经常在移动设计中看到这种形式。

这种类型的动画表明了一个元素在与用户交互后是如何改变的。在下面的例子中,当用户点击悬浮操作按钮的时候,“加号”变成“铅笔”。“铅笔”说明正在执行编辑操作。这种小细节意味着用户不需要猜测接下来会发生什么,用户可以通过图标的变化了解不同的状态。

视觉反馈

视觉反馈对于任何用户界面来说都至关重要。它可以使用户感受到控制权。对于用户来说,“控制”意味着在任何时间都可以知道和理解他们所处的位置。

认知

用户界面元素(如按钮和控件)应该显得可触摸的,即使事实上它们是在一层玻璃后面。

在真实的物理世界中,按钮和控件和其他事物会对我们和它们的交互行为作出反馈。人们会期望界面上的控件也能作出类似的反馈。

为了弥补这种差距,视觉和动效可以对用户的输入给予即时的反馈,通过直观可操作的动画来表现。

相关文章
热门新闻
热门搜索

JAVA大数据翡翠教育


电话:010-61943044
网址:https://www.feicuiedu.cn
传真:010-61943044
友情链接:
Copyright ? 2005-2020 北京翡翠教育科技集团有限公司,All Rights Reserved 京ICP备12036804号-1