随着HTML5的技术发展,我们能看到微传单页面中有多种多样的动画效果,比如飞入、淡出、翻转、放大缩小等。不同的动画效果代表不同的意思,那么,怎样的动画效果才更有利于提高用户体验呢?
我们都知道,微传单页面中的动画效果的展示顺序能起到指引的作用,它能告诉用户页面重点在哪。虽然,合理的静态页面能令打开速度变快,提高用户体验。但是,一旦使用动态效果,就会发现它的作用远远超过了静态展示,能更好地阐释了页面。
一般来说,翻转能用于不同区域变换的动效,旋转能用于展现临时的界面,滑动主要用于没有前进导航的平级操作,而倾斜,用于控件被按下的自然反馈。想要提高用户体验,就需要从用户使用习惯来说。
据了解,目前基本上比较习惯的应该就是微传单中的左右滑动的效果。渐变放大的切换动效与左右滑动切换的动效最大的区别是,前者多显示文字信息,后者多用于展示表单。因为,在张贴信息的模块中左右切换进总会给人一种不符合心理预期的感觉,违背了人们在物理世界中形成的习惯认知。
关于微传单的动画效果这方面,我们还需要深入了解,不断探讨,才能得出更多科学有效的设计方法。上面说到的只是冰山一角,希望大家在设计时会得出更多的领悟。