动效在UI设计中有哪些用途?

2021-04-01
5157
0

  动效在UI设计中有哪些用途?UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。因此,UI设计是为了客户体验而存在的职业,绝对不是会一些基础的软件、画画线条和框框就可以的。那么,今天和绘学霸小编一起了解下:动效在UI设计中有哪些用途?

动效在UI设计中有哪些用途?

 

  1、系统状态

 

  每个APP为了保证正常的运行,后台总会有许多进程在进行着,比如从服务器下载数据、初始化状态、加载组件等等。做这些事情的时候,系统总是需要一定的时间来进行的,但是用户看着静止的界面并不会明白这些,所以需要借助动效让用户明白,后台还在运行,在处理数据。通过动效,从视觉上告知用户这些信息,让用户有掌控感,是很有必要的。

 

  加载指示器

 

  对于许多数字产品而言,加载是不可避免的。虽然动效并不能解决加载的问题,但是它会让等待不再无聊。当我们无法让加载时间更短的时候,我们应该让等待更加有趣。充满创意的加载指示器能够降低用户对于时间的感知。动效会影响用户对于你的产品的看法,它会让界面比实际上看起来更好。如果一个APP在用户等待的时候,给他们看更有趣的东西,他们自然会忽略等待本身。

 

  2、导航和过渡

 

  动效最基本的功用是呈现过渡状态。当页面布局发生改变的时候,动效的存在会帮助用户理解这种状态的改变,呈现过渡的过程。一个经典的案例就是汉堡图标呈现隐藏菜单的过渡动效。动效能够有效的吸引用户的注意力,让用户在愉悦的氛围中获取信息。虽然汉堡的动效是用户最期待的,但是能够强化导航的动效并不只有这么一种。

 

  可导航内容之间的过渡

  设计师使用动效平滑地让用户在不同的内容之间过渡、切换,而动效也解释了UI的变化是怎么发生的。过渡动效是UI不同状态的中介环节,它帮助用户理解。

 

  视觉层次和元素的连接

  动效可以完美的解释界面元素之间的关系,并且阐明它们是如何完美的进行交互的。

 

  功能变化

  在许多案例当中,设计师会强行设计一个可点击的按钮,在特定情况下,功能会发生改变。在移动端设计中,由于屏幕空间的限制,我们常常会看到这样的按钮。

  “播放”和“暂停”是最常见的多状态切换的实例。

 

  这类动效展示了用户在交互的时候,元素是如何发生转变的。在下面的案例当中,用户点击按钮,加号变为铅笔图标。这表明展开后的交互列表中,铅笔所代表的是首要操作。这样的小细节呈现出了可预期的下一步交互。

 

  3、视觉反馈

 

  视觉反馈对于任何UI界面都是非常重要的。视觉反馈让用户觉得一切都尽在掌握,可以预期,而这种掌握意味着用户能够明白和理解目前的内容和状态。

  确认

 

  用户界面元素,诸如按钮和控件,应该看起来是可点击的,即使它们实际上是在屏幕背后。在我们的现实生活中,按钮和各种控件都会对我们的交互产生响应,人们期望在界面中获得类似的反馈。为了解决这个问题,设计师引入了视觉化的动效来提醒用户,让这些虚拟的按钮看起来能像真实的那样有反馈。

 

  那么,今天关于动效在UI设计中有哪些用途?的分享就这些了。自我更新的过程需要打破常规、重塑自我,这里提到的重塑不是改变性格;这是一个投入实践的过程,让我们回首过去的自我,重新排列优先级,去探寻真正或新发现的兴趣。

 

  如果想学习了解UI设计更多干货资讯,可以下载绘学霸App,海量视频教学,一步一脚印,零基础变大神,专业学习教程,业内优秀名师现场录制1080P超高清画质,你不会错过任何一个细节处理。精选高品质课程只为你学得更好。每天都有海量的新课程视频等你来学。

免责声明:本文内部分内容来自网络,所涉绘画作品及文字版权与著作权归原作者,若有侵权或异议请联系我们处理。
收藏

全部评论

您还没登录

暂无留言,赶紧抢占沙发
绘学霸是国内专业的CG数字艺术设计线上线下学习平台,在绘学霸有2D绘画、3D模型、影视后期、动画、特效等数字艺术培训课程,也有学习资源下载,还有行业社区交流。学习、交流,来绘学霸就对了。
绘学霸iOS端二维码

IOS下载

绘学霸安卓端二维码

安卓下载

绘学霸微信小程序二维码

小程序

版权声明
本网站所有产品设计、功能及展示形式,均已受版权或产权保护,任何公司及个人不得以任何方式复制部分或全部,违者将依法追究责任,特此声明。
热线电话
18026259035
咨询时间:9:00~21:00
在线客服
联系网站客服
客服微信:18026259035
公司地址
中国·广州
广州市海珠区晓港中马路130号之19
绘学霸客户端(权限暂无,用于CG资源与教程交流分享)
开发者:广州王氏软件科技有限公司 | 应用版本:Android:6.0,IOS:5.1 | App隐私政策> | 应用权限 | 更新时间:2020.1.6