这四个动效小趋势，让你可以把网页设计得更加

　随着交互设计重要性的提升，动效也越来越被设计师所重视。它不仅仅是取悦用户的工具，而且被视作为改善用户体验的重要手段。从为界面营造氛围的微小动效，到用来沟通用户的视觉线索，动效解决方案越来越全面。

　　尽管我们在实际运用的过程中，经常需要测试和试验效果，但是依然有一些经过验证的、可行性较高的动效，可以直接拿来使用。今天我们所探讨的四种动效，都贴合趋势，且颇为实用。接下来，我们一起探索吧!

　　弹性动效

　　有趣而优雅的弹性动效每天都能看到。通常，弹性动效是短暂而优雅的，它常常能够吸引用户的注意力。成功的动效通常不仅依赖于设计师的设计，还需要代码实现，以及贴合物理规律的微积分函数作为支撑。在很多时候，这种看起来涉及物理学的动效，很难创新。不过事实上，关键还是要看你如何实现，以及在哪里实现这些动效。如果你对于 Velocity.js 和 WebGL 这些工具一无所知，也能用CSS实现它。最受欢迎的弹跳动效包括：

　　类似弹簧一样，快速拉伸变大，然后迅速压缩成所需的形状，在打开某个组件的时候强化视觉，通常，这个过程都很短暂。

　　平滑的充满流体动感的动效，伸展，浮动，然后收缩为初始状态。一般而言，它会持续地弹跳，营造氛围。

　　在具体的实施的过程中，设计师通常会合理地选择两种动效作为支撑。比如 LatinoMedios 和 Oprette 都使用弹性动效来增强控件的打开体验。前者采用了圆润流畅的弹性动效，而后者则采用了弹簧式的动效，更加抢眼