关于动效设计:你需要知道的几点内容

时间:2019-01-19 来源:文率科技

通常,优秀的设计都是无形的,一个出色的动效能够让你的app或网站变得更加的友好,更能吸引用户的眼球,且不会让用户分心。所谓动效不仅只是装饰而已,其本质是用户物理对象操作是获得的交互体验反馈,再提高使用效率的同时让用户感到愉悦。正因如此,所以大部分用户都期待动效作为交互体验的组成部分,但设计优秀的动效并不容易,需要注意如下几点:

一、告知用户正在运行


每一步发生了什么用户都想要知道,若超过3秒没有任何反馈的,很多用户都会选择直接关闭应用,但若告知用户应用正在运行,等待就不会变得无趣,尤其是在刷新、载入页面更应该注意这点。

二、告知用户进度


只让用户知道程序在运行还不够,还要能够看到载入速度和加载时长,进度条的作用得以凸显,告知用户进度状况,可以成为交互等待过程中的娱乐元素,抵消一些负面的体验,成为一个病毒的功能,引起用户分享得兴趣,继而吸引更多的用户。

三、阐明运动的自然属性


一般原则显示没有生命的机械物体的运动轨迹通常都是直线,而有生命的物体拥有更为复杂和非直线性的运动轨迹。您要决定您的UI要给用户呈现的什么样的印象,并且将这种属性赋予它。

四、突出关键信息

动效设计中重要的问题就是视觉层次感和导航的明确性,用户注意力应该根据其目标和条件立即被吸引到交互的关键要素,动效元素为这一方面提供了巨大的支持力,实现了布局中更快,更清晰的标记重要元素。

五、避免无趣


有趣的动效可以画龙点睛,帮您吸引更多的用户,让您的APP脱颖而出。这是设计师让用户爱上他们产品的一个秘密武器,独特的动效可以助您创立一个识别度高的品牌,如下面的例子,移动的圆圈看起来非常别致并且很吸引人的注意力。沿着屏幕移动的这种效果能够带来愉悦感和游戏感,简单并且有趣。

六、善用夸张动效吸引用户


在界面中,重要的交互会通过一些夸张的动画来引起用户的注意。谷歌设计规范中的 FAB按钮就是一个很好的例子,FAB按钮在不动的时候也比较能引起注意,因为它通常会带有比较鲜明的颜色,并且是独立悬浮在界面元素之上的。当它被点击时,FAB的动画被放大,把整个界面都占满,使得它完全占据用户的注意力。

提示:页面中的每一个动效效果都需要精心的设计,让整个体验更具沉浸感,在正确的地方使用上述天津网站建设说的这几个原则能够确保产品中的交互体验更加协调自然哦!

联络方式:

中国 · 天津市河西区南京路35号亚太大厦1403室
电话:15620613686
邮编:300220