网站建设者和新技术使向您的网页添加动画变得非常容易。但是，仅仅因为您可以做某事并不意味着您应该这样做。
当我第一次学习如何为页面元素设置动画时，我想为所有内容设置动画。让事物流动、流行、淡入、淡出，在我的网页上跳舞。在我看来，流畅的动画会带来丰富的体验，并展示我的设计是多么前卫，我是多么聪明。
当你需要经常加载一个页面时，这个理论很快就会崩溃，你必须等待动画开始或完成，一切似乎都在四面八方飞。
为了让动作看起来不错并引导用户，它需要精心设计、有流程和目的：它需要引导用户体验您的网站。否则，它很快就会变成不和谐的干扰！
动画的两个主要用途是有意义的：
唤起一种感觉或情绪
帮助提高您的转化率，从而将访问者转变为客户。
第一次使用非常主观，我认为它更像是艺术而不是科学，需要学习和实践才能正确使用。仅仅因为您现在在手机上安装了录像机并不能使您成为电影大师。同样，仅仅因为您可以为事物设置动画，并不意味着创建连贯的讲故事体验很容易。
第二种用途，即增加转化率，我有更多的经验，而且更容易衡量和正确。
这是动画的规则
不要动画任何东西，除非你知道它会让你更接近你的目标。
动画必须有目的。例如，需要用户注意的闪烁通知图标；一个滑入和滑出的导航面板将巧妙地通知用户如果他们需要找到导航元素去哪里；一个页面过渡动画，它将隐藏缓慢的加载时间，使用户与页面保持互动。
动画必须有意义。例如，飞进来的文字无疑会吸引注意力，但在动画结束之前无法阅读。
页面上的所有动画必须协同工作。他们需要感到精心编排。因此，它不仅更赏心悦目，而且如果做得好，它会向用户显示所有内容以及如何最好地浏览站点。
如果您的用户注意到动画而不是您试图传达的故事，那么您就做错了。
一些很好的例子：
苹果产品是动画做得很好的很好的例子。他们设备上的网站和用户界面。（在写的那一刻，主页没有动画。正如我上面所说的，仅仅因为他们可以做并不意味着他们应该做！）
在动画图表中显示实时数据可以使用良好的动画，使大脑更容易消化正在发生的变化。
导航提示：新元素（如对话框）从右侧滑入，当您关闭它们时，它们会向左滑出。新页面淡入。通知弹出。使用像这样的一致系统可以让我们的大脑通
过动画的方式快速弄清楚我们正在看什么。
牢记性能。
动画需要更多的带宽和处理能力资源。此外，页面速度会影响转化率。因此，如果您选择动画，请确保它不会影响您的加载时间并且在旧设备上运行速度足够快。
