最初，动画被认為(wèi)是一种美，但是现在，它们已成為(wèi)使用(yòng)户交互变得流畅的非常强大的工具。 但是，基本原理(lǐ)没有(yǒu)改变，并且随着技术的进步，我们有(yǒu)了更好的实现。 创建动画一直被认為(wèi)是网页设计中最复杂的方面之一。 

1.动画的主要目的是提高可(kě)用(yòng)性

  一个简单的动画实际上可(kě)以是一个很(hěn)好的指导工具，可(kě)以帮助人们理(lǐ)解他(tā)们应该单击哪个按钮，或者应该在网页设计中处于下一个位置。 许多(duō)设计师将简单的动画与用(yòng)户工具配对以单击或滚动。 如果正确使用(yòng)动画，则可(kě)以向用(yòng)户提供有(yǒu)价值的反馈。 您以错误的方式多(duō)次填写了表格，并显示一个消息框，突出显示您的错误并告诉您如何解决它们？ 在经过深思熟虑的操作可(kě)以指导用(yòng)户并向他(tā)们提供背景信息之后，您甚至有(yǒu)机会给用(yòng)户一个惊喜，使事情变得更加有(yǒu)趣和引人入胜。 在网页设计中，如果您不以纯粹的装饰方式使用(yòng)动画，则动画实际上非常有(yǒu)用(yòng)。 优秀的UX和UI设计人员经常使用(yòng)动画来改善整个工作流程。

  2.动画的第二种用(yòng)途是美學(xué)

  动画可(kě)以用(yòng)作很(hěn)好的装饰。 动画的目标通常是纯视觉目标，在一定程度上是可(kě)以接受的。 装饰性动画可(kě)以帮助在用(yòng)户和界面之间建立情感联系。 动画还可(kě)以激发视觉吸引力，并确保您的用(yòng)户与您的网站保持较長(cháng)时间的联系。 在创建具有(yǒu)纯视觉效果的动画时，请考虑该怎么做。 考虑您希望用(yòng)户具有(yǒu)哪种连接。 是有(yǒu)趣还是令人惊讶？ 您是否要放置一些应该共享的独特内容？ 即使是纯粹视觉的东西也应该有(yǒu)一定的用(yòng)途。

  3.使用(yòng)动画的另一个原因是传达某种功能(néng)

  动画可(kě)以是一个很(hěn)好的工具，可(kě)以以直观的方式向用(yòng)户显示特定内容的工作方式。 不要无缘无故地使用(yòng)视差滚动效果来犯一些错误。

  4.动画还可(kě)以帮助指导用(yòng)户

  动画不仅用(yòng)于动画，而且还用(yòng)于转换。 它们可(kě)以帮助您的用(yòng)户理(lǐ)解该页面，并引导他(tā)们到应单击的特定位置。

  5.您可(kě)以使用(yòng)它们显示信息

  除了提示功能(néng)外，您还可(kě)以使其成為(wèi)显示辅助信息的好工具。 例如，您可(kě)以让用(yòng)户将鼠标悬停在内容上并显示其他(tā)选项。 并且由于悬浮内容的“隐藏”默认状态，您只想将其用(yòng)作辅助信息，对于想要浏览您的网站的用(yòng)户来说，没有(yǒu)什么是真正重要的。 另外，请记住，在移动设备上悬停不起作用(yòng)。