UI设计中的动效使用

UI设计中的动效使用
对于从事ui设计工作或者目前在学习ui设计的人来说,UI设计的学问可大了,它包含了太多太多其他方面的东西,像是交互,视觉,流程,用户体验等等。而其中有一个内容就是关于ui设计动效的,到底什么是动效呢?其实动效就是动画效果,通常用在UI设计中画面切换,操作过程,及加载页面之类的地方会使用到。而在动效方面能力的提升,对于在学习ui设计的学员来说主要用实训操作的方式来加强和提升,能够让学员们在短时间内掌握UI设计技术,动效有四个原则,包括一下几点:
UI设计中的动效使用
文章图片
首先就许多产品的界面UI设计来说,性能与速度就是一切,只有高性能,足够快的反应速度,才能稳定的获得良好的用户体验。因此若是我们所设计的动效过于酷炫,导致产品性能减低,反应速度变慢,那么就是一个失败的动效设计,我们不能为了加入动效而制作动效设计,这是得不偿失的。
UI设计中的动效使用
文章图片
说到这,就进入到今天的主题了,动效设计包括了不透明度和一些其他属性转换的设计(像是宽高,或者模拟各种动态,要求很多控件的推动力量,降低控件的速度等),因此,交互时代总结了四条UI设计中可用于动效设计的简单规则:
1、让动效具有流畅感
2、让动效具有独立性
3、保持使用自定义曲线;
【UI设计中的动效使用】4、避免使用保存在软件中自带的动画曲线,用设计师自己创造的动画曲线。
UI设计中的动效使用
文章图片
最后一条规则可以应用在所有一般的动效中,因为精通图形编辑,并学习如何从数学上掌握动效,是突破普通动效技巧的关键所在。在UI设计中动效是十分重要的一部分,如果大家想要了解更多关于UI设计方面的内容,就多多关注UI精品课吧,听说关注的人都发现了好东西。
UI设计中的动效使用
文章图片
精彩回顾:
为什么UI设计师工资那么高?
凭自己的努力真的可以学会UI设计吗?

    推荐阅读