动还是不动？当你创建一个网站这一直是个问题。网页设计中动画的支持者会告诉你，它注入了一种运动感，产生了动态和流畅的用户体验。最重要的是，动画一直是一个主要的Web设计趋势在过去的几年里，这意味着你的访问者会在你的页面上看到他们。另一方面，反对者会争辩说动画让人分心，在很多观众看来是不专业的。

那么，在这场辩论中，谁是正确的呢？好吧，双方都是。事实是，动画可以是一个网站的外观和感觉的一个美妙的补充，但他们必须以正确的方式，以适应您更广泛的目标。永春开发网站不小心地将动画集成到你的网页设计方案中可以是一个真正的眼中钉--没有人愿意这样做！为了帮助你辨别是非，让我们一起走过网页设计中的动画和不需要做的事情。

了解动画的基本知识

首先，记住动画有很多形状和形式。它们可以是微妙的，就像一个按钮的轻微运动，或者他们可以像一个完整的动画背景一样壮观。动画可以设置为对访问者行为的交互反应(比如滚动时显示的对象)，也可以完全独立于访问者的行为。它可以应用于小元素，比如箭头，也可以应用于大元素，比如占据整个屏幕的视频背景。了解动画的所有功能将帮助您更有策略地使用它们。

在Wix，当我们的设计师创建模板和网站时，他们将动画分为三个不同的类别：

• 微交互：它们用于为用户快速和清晰地进行小的交互(如单击按钮)。这可以通过使用悬停箱效应.

• 转换和页面行为：方便从一个点导航到另一个点，并在页面之间切换。

• 乐趣和装饰：这给你的布局带来了一些活力，比如视差滚动.

想看更多吗？这是一个指南在网页设计中使用动画和插图。

适度是一种力量，而不是弱点。

说到动画，就像生活中所有美好的事物(包括冰淇淋和观看)破坏)，适度是关键。绝对重要的是，你要克制自己，不要用过多的动画爆出屏幕。首先，您不想使您的网站太重，并负担其性能。此外，你也不想用太多的动作来分散访客的注意力。保持轻松，将确保您的访问者享受一个顺利的浏览体验，并跟随您的网站的流程。

一项任务和一项任务

与动画保持健康关系的另一个很棒的指导方针是，只有当你能够证明它有明确的目的时，才能使用它。换句话说，动画需要执行任务，例如：

• 通过显示访问者何时滚动和点击的位置来指导网站的移动。

• 通过逐渐揭示项目来支持你的讲故事。

• 可视化您的产品或服务的影响

• 打破网站的静态滚动与一些运动。

• 在适合动画内容的网站上创造一种特殊的氛围，例如，一家儿童服装在线商店。

你能用其中的一种来证明动画的使用是正确的吗？太棒了！那你们都准备好了！(只是不要忘记适度)。

什么应该是动画(什么不应该！)

一些常见的网站元素可以很好地处理动画，而另一些元素则不能。把你的动画精力集中在前一组上：

• 触发行为的东西(如导航按钮、cta或链接图像)

• 具有方向性的元素(箭头、背景滚动)

• 加载杆

• 用于吸引注意的元素(新消息图标、灯箱、完整订购按钮)。

在不想使用动画的情况下，动画效果会以某种方式损害元素的功能。例如，您不应该在文本段落中添加动画，因为这会使阅读变得更加困难。您也不希望在访问者输入自己内容的字段中添加动画(比如联系人表单或评论)，因为这样会分散他们完成任务的注意力。

内容简单

将动画集成到网页设计中的一个很好的策略是将它作为澄清或简化内容的工具。假设你想向你的网站访问者解释你的包装和移动公司是如何运作的。您可以在几个段落中描述整个过程，您可以创建一个带有要点的表，或者只使用几个生动的关键步骤来简化它。通过这种形式的动画传递信息被称为“入板”。这是一种设计技术，通常结合简单的文本和动画视觉，创造一个直观和吸引人的方法，让你的观众在你的产品流程中穿行。它既漂亮又有用，这是所有设计师的神奇组合。

观众很重要

永春开发网站对你的目标观众保持意识和敏感总是很重要的，当动画涉及到的时候，它是特别重要的。考虑到他们的审美喜好，他们访问你的网站的理由，以及他们的技术精明和可用的软件。

夸张一点(稍微夸张一点)：如果你的目标受众真的对单色配色方案感兴趣；或者如果访问者对你的网站有兴趣寻求法律咨询；或者如果你怀疑他们中的许多人会在过时的操作系统上通过旧的浏览器版本访问你的网站--那么你可以假设动画在你的情况下不是正确的选择。