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