在制作网页中添加动效展示的设计，主要是为了丰富用户的视觉体验感，让网站与用户保持良好的交流与互动，同时也是为了聚焦用户目光。

但在制作网页使用动效时，有两个基本原则必须要遵守的：

一、合理的动效时长

动效时长，简单说就是动效发生到结束的时间。网站动效有很多种，网站首页一打开有动效，页面与页面之间的切换有动效，页面加载时也有动效，页面刷新是可能也有动效，不同作用的动效时长要求都是不一样的。

如何制作网页的动效时长才能达到适宜的效果呢？是取决于具体的场景，不同的场景所使用的时长是不一样的，所以大家在使用的时候，可以根据不同的场景来决定。

如首页一打开时的动效主要是为了吸引用户注意力，给用户留下良好的印象，但要控制在几秒内，过长的动效是在消耗用户的耐心，要达到意犹未尽的效果才能成功吸引用户注意力，而且过长的动效内存较大，可能会拉低网站的运转速度。

而页面与页面之间的切换效果是在几百毫秒之内，能保证用户清晰感受到页面的切换即可。

二、让用户看的见动效：速度

第二个是确保动效的速度，速度不能像闪电一样快，用户还没来得及感受到变化，变化就已经闪电完成，这种动效是没有意义的，速度太慢则很容易让用户感到不耐烦，并怀疑是网站加载速度有问题，放弃等待，直接跳离网站。

网站动效的速度要让用户看的见即可，不同的动效使用不同的速度，清晰向用户展示变化的过程。

时长和速度是制作网页过程中使用动效的两个基本原则，自己制作网页在设计动效时，还要注意动效的变化路径，保证动效的流畅感。