最初,动画被认为是一种美,但是现在,它们已成为使用户交互变得流畅的非常强大的工具。 但是,基本原理没有改变,并且随着技术的进步,我们有了更好的实现。 创建动画一直被认为是网页设计中最复杂的方面之一。
1.动画的主要目的是提高可用性
一个简单的动画实际上可以是一个很好的指导工具,可以帮助人们理解他们应该单击哪个按钮,或者应该在网页设计中处于下一个位置。 许多设计师将简单的动画与用户工具配对以单击或滚动。 如果正确使用动画,则可以向用户提供有价值的反馈。 您以错误的方式多次填写了表格,并显示一个消息框,突出显示您的错误并告诉您如何解决它们? 在经过深思熟虑的操作可以指导用户并向他们提供背景信息之后,您甚至有机会给用户一个惊喜,使事情变得更加有趣和引人入胜。 在网页设计中,如果您不以纯粹的装饰方式使用动画,则动画实际上非常有用。 优秀的UX和UI设计人员经常使用动画来改善整个工作流程。
2.动画的第二种用途是美学
动画可以用作很好的装饰。 动画的目标通常是纯视觉目标,在一定程度上是可以接受的。 装饰性动画可以帮助在用户和界面之间建立情感联系。 动画还可以激发视觉吸引力,并确保您的用户与您的网站保持较长时间的联系。 在创建具有纯视觉效果的动画时,请考虑该怎么做。 考虑您希望用户具有哪种连接。 是有趣还是令人惊讶? 您是否要放置一些应该共享的独特内容? 即使是纯粹视觉的东西也应该有一定的用途。
3.使用动画的另一个原因是传达某种功能
动画可以是一个很好的工具,可以以直观的方式向用户显示特定内容的工作方式。 不要无缘无故地使用视差滚动效果来犯一些错误。
4.动画还可以帮助指导用户
动画不仅用于动画,而且还用于转换。 它们可以帮助您的用户理解该页面,并引导他们到应单击的特定位置。
5.您可以使用它们显示信息
除了提示功能外,您还可以使其成为显示辅助信息的好工具。 例如,您可以让用户将鼠标悬停在内容上并显示其他选项。 并且由于悬浮内容的“隐藏”默认状态,您只想将其用作辅助信息,对于想要浏览您的网站的用户来说,没有什么是真正重要的。 另外,请记住,在移动设备上悬停不起作用。