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