提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
可能在五年前,你发现某个app上有一个切换的动效,都会觉得惊喜不已,而随着技术和硬件设备性能的提升,动效已经不再是视觉设计中的奢侈品。其实动效不仅仅是华丽的动态效果,他在UI设计中更重要的作用是去帮助我们用户和设计师解决一些界面功能上的问题。同时他的趣味性也会让整个界面生动起来,不再只是冷冰冰的界面,这样和用户有互动就会有感情上的联系。下面誉财教育带着大家从三个方面来聊聊这个问题。
一、系统状态
每个APP为了保证正常的运行,后台总会有许多进程在进行着,比如从服务器下载数据、初始化状态、加载组件等等。做这些事情的时候,系统总是需要一定的时间来进行的,但是用户看着静止的界面并不会明白这些,所以需要借助动效让用户明白,后台还在运行,在处理数据。通过动效,从视觉上告知用户这些信息,让用户有掌控感,是很有必要的。
1.加载指示器
对于许多数字产品而言,加载是不可避免的。虽然动效并不能解决加载的问题,但是它会让等待不再无聊。当我们无法让加载时间更短的时候,我们应该让等待更加有趣。充满创意的加载指示器能够降低用户对于时间的感知。动效会影响用户对于你的产品的看法,它会让界面比实际上看起来更好。
2.下拉刷新
另外一个著名的动效是下拉刷新,当触发这个动效之后,移动端设备会更新相应的内容。不过誉财提醒大家,下拉刷新动效应该和整个设计的风格保持一致,如果APP是极简风,那么动效也应当如此。
3.通知
由于动效会自然的引起用户的注意力,所以使用动画的方式来呈现通知是很自然的设计,它不会给用户带来太多颠覆性的使用体验。
二、导航和过渡
动效最基本的功用是呈现过渡状态。当页面布局发生改变的时候,动效的存在会帮助用户理解这种状态的改变,呈现过渡的过程。动效能够有效的吸引用户的注意力,让用户在愉悦的氛围中获取信息。
1.可导航内容之间的过渡
设计师使用动效平滑地让用户在不同的内容之间过渡、切换,而动效也解释了UI的变化是怎么发生的。过渡动效是UI不同状态的中介环节,它能帮助用户更好的理解。
2.视觉层次和元素的连接
动效可以完美的解释界面元素之间的关系,并且阐明它们是如何完美的进行交互的。
3.功能变化
在许多案例当中,设计师会强行设计一个可点击的按钮,在特定情况下,功能会发生改变。“播放”和“暂停”是最常见的多状态切换的实例。
三、视觉反馈
视觉反馈对于任何UI界面都是非常重要的。视觉反馈让用户觉得一切都尽在掌握,可以预期,而这种掌握意味着用户能够明白和理解目前的内容和状态。
1.确认
用户界面元素,诸如按钮和控件,应该看起来是可点击的,即使它们实际上是在屏幕背后。在我们的现实生活中,按钮和各种控件都会对我们的交互产生响应,人们期望在界面中获得类似的反馈。为了解决这个问题,设计师引入了视觉化的动效来提醒用户,让这些虚拟的按钮看起来能像真实的那样有反馈。
2.视觉化地呈现操作后的结果
动效可以强化每一个交互的结果并且提升用户交互。如果当用户点击“支付”的时候,有一个短暂的过渡动效,这个动效让用户更加欣赏这个过程也让支付显得更加便捷轻松。
总结了这么多,如果还是不能让你很准确地了解到动效这个东西的重要性,那我们可以换个角度来看。如果一套UI设计中完全没有动效的设计,那这个产品能用吗?当然也是可以用的!但这是一套没有灵魂的设计,很多地方会很生硬,体感不好。而作为一个UI设计师,她的设计一定是以产品功能和用户体验为验收标准的。所以说,动效很重要,而且不可或缺。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册