
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
动画设计是许多交互设计师在设计网页和app软件的时候会经常用到的一个设计功能,而本文我们就通过案例分析来简单了解一下,动画设计都有哪些注意事项。
1、增强动画与页面元素之间的关联性
这个是一个常见的问题,经常会看到一些动画与主体之间没有关联性。关联性背后的逻辑,能帮助用户在界面布局中理解刚发生的变化,是什么导致了变化。
好的动画可以做到将页面的多个环节或者场景有效串联。
2、不要为了动画而动画,要有目的性
这一点也很重要,不要为了动画而动画,要有目的性,很多时候很多页面的动画非常莫名其妙。
简单一点来说就是单纯的为了炫技而存在的动画。这种动画可以存在于你的Demo,你的个人网站中,但不太适合用于线上业务页面中。
使用动画应该有明确的目的性,譬如Loading动画能够让用户感知到页面正在发生变化,正在加载内容。
在我们的交互过程中,适当的增加过渡与动画,能够很好的让用户感知到页面的变化。类似的还有一些滚动动画。丝滑的滚动切换比突兀的内容明显是更好的体验。
3、动画不要过于缓慢,否则会阻碍交互
缓慢的动画,它产生了不必要的停顿。
一些用户会频繁看到它们的过渡动画,尽可能的保持简短。让动画持续时间保持在300ms或更短。
4、结合产品及业务的创意交互动画
这一点是比较有意思的。我个人认为,Web动画做得好用的妙,是能非常好的提升用户体验,提升品牌价值的。
结合产品及业务的创意动画,是需要挖掘,不断打磨的不断迭代的。
5、考虑动画的性价比
动画虽好,但是打磨一个精品动画是非常耗时的,尤其是在现在非常多的产品业务都是处于一种敏捷开发迭代之下。
一个好的Web动画从构思到落地,绝非前端一个人的工作,需要产品、设计、前端等等相关人员公共努力,不断修改才能呈现比较好的效果。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。