跟着交互规划重要性的提高，动效也越来越被规划师所重视。它不只仅是取悦用户的东西，并且被视作为改善用户体会的重要手法。从为界面营建空气的微小动效，到用来交流用户的视觉头绪，动效解决方案越来越全面。

虽然我们在实践运用的进程中，经常需要测验和试验作用，可是仍然有一些经过验证的、可行性较高的动效，能够直接拿来运用。今日我们所讨论的四种动效，都贴合趋势，且较为有用。接下来，我们一同探究吧！

弹性动效

风趣而高雅的弹性动效每天都能看到。一般，弹性动效是时间短而高雅的，它常常能够招引用户的留意力。成功的动效一般不只依赖于规划师的规划，还需要代码完成，以及贴合物理规则的微积分函数作为支撑。在许多时分，这种看起来触及物理学的动效，很难立异。不过现实上，关键仍是要看你怎么完成，以及在哪里完成这些动效。如果你关于 Velocity.js 和 WebGL 这些东西一窍不通，也能用CSS完成它。最受欢迎的弹跳动效包含：

相似绷簧一样，快速拉伸变大，然后敏捷压缩成所需的形状，在翻开某个组件的时分强化视觉，一般，这个进程都很时间短。
滑润的充溢流体动感的动效，扩展，起浮，然后缩短为初始状态。一般来说，它会继续地弹跳，营建空气。

改变的LOGO

花上几秒钟看着LOGO逐步改变，似乎是一件较为浪费时间和资源的工作，可是在许多时分，它是十分有用的规划。作为品牌标识的一部分，LOGO 承载着品牌信息（特征、风格、元素、颜色等），也关乎审美。虽然LOGO在网页中占有的方位并不大，可是它十分招引眼球，在用户心目中也会被视作为重要的组件，并不会被那么轻易被疏忽。

在LOGO上施加动效有几种不同的趋势。

1、让LOGO变得风趣

2、让LOGO显得严厉和保存

3、让LOGO显得极简而高雅

有意义的加载动效

是时分和无聊的等候加载的沙漏说再见了。优异的加载动效现已越来越才智和杂乱了。

讲真，现现在的加载动画现已是聚光灯下的重要规划元素了。从开始简单的规划，到现在加载动效成为了承载着重要作用的小动画，它不只告知用户这个等候进程进展，并且经过愉悦用户，增强了整个用户体会。它的功用并不单一：

作为品牌形象的支撑
提供额定的信息
阐明当前状况
提示用户留意
发明愉悦感
给用户留下好形象
强化第一形象
发明用户预期
这个列表并不完整，因为它的功用还能更多。

现在实践的状况是，能够用来制造加载动效的办法和东西有许多。你能够选用CSS来完成，也能用 JavaScript 和 Three.js 等相对更重的东西。

动画化的汉堡图标

虽然这个由三条横杠组成的小图标在好久之前就现已失掉其魅力了，可是它现在仍然无处不在。所以，不少规划师仍是尽量想为这个图标注入更多的的魅力。你无需重新造轮子，不必进行杂乱的重规划，你只需要为汉堡图标增加一个风趣的动效就能产生为它注入生命力。让它与周遭的规划交融起来，关于用户愈加友爱即可。

结语
 

并不是每个人都会留意到动效，可是动效的参加让体会愈加优异了却是不争的现实。这也是为什么它会成为时下盛行的趋势。经过审视熟虑的规划和完成，界面在动效的驱动下却是会更上一层楼。许多东西看起来是不言自明的，可是在动画作用的加持下，逻辑和关系会愈加顺利，重要的仍是易于理解和更优质的体会。