联系方式

咨询热线:400-998-6158

点击此处免费预约试听课程»

常见问题
学习资讯
学习资讯

ui动效在视觉上的作用

ui动效在视觉上的作用

一、显示系统状态
 

当用户通过交互触发界面行为时,他们希望能够看到一个可视的响应——整个交互系统应该明确地表示它已经接收到请求并处理了它。下面是一些常见的动效反馈让用户受益情况:
 

1.确认用户行为
 

在收到用户的反馈之后,通过动效通知用户已经收到了反馈,视觉反馈阻止用户做更多的操作。
 

2.通知用户交互的结果
 

下拉刷新更新内容,由加载指示器表示的视觉反馈通知用户,系统已经开始处理他的请求。
 

3.帮助用户理解正在发生的事情
 

也就是等待加载内容的动画,加载并不一定是无聊的,几乎所有的app现在都使用微妙的动画来阻止用户离开。加载动画会给用户一个信息正在逐步加载视觉反馈,这样用户就会觉得在这个过程中时间并没有那么快。
 

二、在多个步骤中连接不同的步骤
 

有时,用户需要通过一系列步骤来完成操作,步骤和步骤之间是需要连接起来的,在动画的帮助下,用户可以串联各个流程,顺利完成整个流程。
 

三、引入新元素
 

当我们想在页面上引入新元素或控件时,试图将用户的注意力引导到特定对象上,并告诉他们为什么会有新东西进来。在引入新元素时,动效可以帮助设计师定义此元素与其它元素以及层次结构之间的关系。
 

四、给用户定位感
 

动画动效可以帮助用户建立更好的空间感,这对手机用户来说尤其重要,因为用户在小屏幕上的交互非常敏感,没有空间感很容易迷失。
 

我们可以用动效来引导用户,这种动效有助于解释界面的“空间变化”,更好地解释界面之间的切换或变化,为用户提供相关信息,防止用户迷失。动画可以帮助设计师建立元素之间的关系。
 

五、减少认知负荷
 

当用户需要花费精力去理解一些东西时,认知负荷是非常沉重的。一般来说,产品越省心,认知负荷就越低,如果一个产品的认知负荷很重,用户不花费精力就很难理解。
 

作为一个设计师,我们的目标应该是创造一个易于使用的界面,如果设计得当,可以帮助用户减少认知负荷。
 

在几乎所有的app中,用户都需要填写一些表单,许多表单字段通常以标签的形式存在,当用户单击时,此字段就消失。如果用户之前没看清楚,那么此时就更不可能看清楚,很难弄清楚这个字段是什么。如果单击时可以浮动此字段,用户就不会感到困惑了。

学校联系方式

更多培训课程,学习资讯,课程优惠等学校信息,请进入 南宁西乡塘区平面设计培训南宁邕宁区淘宝美工培训南宁武鸣区UI培训南宁西乡塘区PS培训 网站详细了解,免费咨询电话:400-998-6158

相关课程