您的网站代表您的品牌。新访客将在到达您的网站的几秒钟内形成您的服务或产品的第一印象，视觉，布局和美学将在塑造这种印象中发挥重要作用。当然，您的网站可能非常实用且内容丰富，但它的美感会唤起人们的感受，而且在访问者有时间浏览之前的最初几秒内，它将用于判断您网站的质量。

1.创造一个叙事

每个设计师都是讲故事的人。当我们创建一个网站时，我们正在向访问者讲述一个故事。并且可以通过使用动画来讲述更具吸引力的故事。

动画可以帮助将内容变为现实。在Ikonet上可以找到这种动画的一个很好的例子。当动画滚动页面并了解公司时，动画会让用户保持参与。

动画也可以用来引起访问者注意他们应该注意和采取行动的事情。例如，如果您有重要的文字部分或号召性用语，则将其滑入（而不是仅显示它们）可以帮助访问者了解他们应该关注的位置。看看下面的Preston Zeller示例。元素在页面上的显示方式将用户的注意力集中到这些区域。关于这个动画的好处是，它可以吸引人们对重要信息的关注，而不会造成破坏性。

2.提供反馈

人机交互基于两个基本原则：用户输入和系统反馈。所有交互式对象都应通过适当的视觉或音频反馈对用户输入作出反应。用户在改变切换状态时看到的微妙弹跳动画强化了交互感。

使用幻灯片，您可以创建漂亮的悬停动画并鼓励用户与对象进行交互。当您将鼠标悬停在“发送消息”或右上角的汉堡堡菜单上时，会出现一个很好的动画效果。它创造了这些元素是互动的感觉。

3.建立关系

向着陆页添加动画的好地方正处于变化的时刻。很多时候，变化的时刻是突然的。例如，当用户点击链接时，会突然出现一个新屏幕。由于突然的变化很难让用户处理，这种变化通常会导致上下文丢失 – 大脑必须扫描新页面以了解新上下文如何连接到上一个上下文。

简单的动画过渡可以维护上下文，从而可以轻松了解屏幕的变化。动画可以防止突然变化 – 它填补了空白并连接了两个阶段。因此，访问者了解这两个阶段属于一起。当两个对象之间存在父子关系时，此原则同样适用：

预览和细节之间的动画过渡。使用动画，可以在引入新元素时定义对象关系和层次结构。

4.让无聊的任务变得有趣

可能很难想象如何将有趣的元素引入日常体验中。但是，通过在最令人意想不到的地方添加一些惊喜，我们可以将熟悉的互动变成意想不到的东西，从而令人难忘。

当您访问Tympanus的3D室内展览时，它看起来像您之前访问过的任何其他画廊网站。但是，一旦您与网页互动，您对网站的印象就会立即发生变化。移动光标时，页面会移动，此效果会产生3D空间感。当你从一个页面走到另一个页面时，这种感觉会得到加强。看起来你正在3D空间内从一个房间旅行到另一个房间。