有动效的ui设计作品是棒棒哒

对于从事ui设计工作或者目前在学习ui设计的人来说,UI设计的学问可大了,它包含了太多太多其他方面的东西,像是交互,视觉,流程,用户体验等等。

QQ截图20161025152927.jpg

而其中有一个内容就是关于ui设计动效的,到底什么是动效呢?其实动效就是动画效果,通常用在UI设计中画面切换,操作过程,及加载页面之类的地方会使用到。而在动效方面能力的提升,对于在学习ui设计的学员来说主要用实训操作的方式来加强和提升,能够让学员们在短时间内掌握UI设计技术,动效有四个原则,包括一下几点:
首先就许多产品的界面UI设计来说,性能与速度就是一切,只有高性能,足够快的反应速度,才能稳定的获得良好的用户体验。因此若是我们所设计的动效过于酷炫,导致产品性能减低,反应速度变慢,那么就是一个失败的动效设计,我们不能为了加入动效而制作动效设计,这是得不偿失的。

1455U2S2-9541.gif

说到这,就进入到今天的主题了,动效设计包括了不透明度和一些其他属性转换的设计(像是宽高,或者模拟各种动态,要求很多控件的推动力量,降低控件的速度等),因此,交互时代总结了四条UI设计中可用于动效设计的简单规则:
1、让动效具有流畅感
2、让动效具有独立性

199548.gif

3、保持使用自定义曲线;
4、避免使用保存在软件中自带的动画曲线,用设计师自己创造的动画曲线。
最后一条规则可以应用在所有一般的动效中,因为精通图形编辑,并学习如何从数学上掌握动效,是突破普通动效技巧的关键所在。在UI设计中动效是十分重要的一部分,如果大家想要了解更多关于UI设计方面的内容,就多多关注小互吧。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,041评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,194评论 4 61
  • 大多数人恐惧的不是死亡,而是当生命走到尽头时蓦然回首才发现 你从未真正的活过 我看过一个报道: 一个医疗机构研究,...
    W爱吃宫保鸡丁阅读 4,010评论 0 1
  • 你好,草原 你有多久没有听过花开的声音 又有多久没见过大朵的白云和清澈的蓝天 一起共赴7月的草原之约,去感受另一种...
    书隅阅读 1,339评论 0 0
  • 芝兰生于幽谷,不以无人而不芳~~孤芳自赏,自娱自乐是一种境界~~与大自然同眠同醒,做喜欢的事情,与喜欢的人谈一场纯...
    蝶恋谷谷主阅读 2,481评论 0 0