随着时代的快速发展，人们的审美水平在不断的上升，网站建设就必须要跟上时代的发展，所以很多网页中有应用动态效果的，那么网站中的动效需要符合什么条件呢？

1、关联

动效要能将新创建的界面和触发它们的操作或者控件关联到一起。产生关联的逻辑关系能帮用户理解界面中的变化是如何产生的。

2、自然

好的动效设计应当尽量避免突兀的转变。动效中的每一个动作都应当从现实世界中获取灵感。较简单的一点，现实世界中物体的加速和减速都会受到重量、惯性和摩擦力的影响，类似的，在动效设计中，瞬间的启动和停止是不合规律的。

3、意图

在合适的时机将用户的注意力引导到对的关注点上。在界面中，动效作为动态元素先天具有更加突出的属性。静态的文本和图片大都是一成不变的元素，它们无法同动效抗衡。一个先进的动效能够引导用户交互自然的进入下一个步骤。用户先进次同某个界面进行交互的时候，他们本身是无法有效预知交互的结果的，但是动效的引导能够让用户明白变化的趋势，并且不会觉得变化是突然的。

4、快速

当界面或者控件借助动效转变位置和状态的时候，动效的速度应当适中，它不能太慢，得让用户不会为了动效加载而等待，同样也不能太快，得让用户明白和理解这个转变的过程与关系。尽量不要让动效太慢，不要在逐步加载中拖延时间。

网站中的动效需要符合上面的四点，这样设计出来的动效才算合格的，才能让用户流畅的使用。