行动装置发展快速与HTML5技术攀升,也影响网页设计的形态改变,以往会使用Flash来制作网页动态效果,但由于支援性、SEO等问题,让多数企业都走向新形态的设计方式,HTML5越来越成为一种趋势。
现今没有酷炫的Flash动态效果,网页总不能死版版的,HTML5难道就不能做出酷炫效果吗?其实是可以的,今天要与大家分享几个范例,以及运用这些技术该注意的事。
运用动态效果在网页中会影响使用者接收资讯的方式,使用的好坏、多寡相当重要,良好的互动设计可以增加网页丰富性,也能辅助使用者接收资讯。
例如一个复杂的图文我们可以收合成一个按钮,点开后再经由一个简单互动设计,让使用者更容易了解内容,当然使用太多没必要的效果,反而会造成使用者的困扰。
当使用者想查询门市电话,必须先看过一堆动画后才能看到资讯,使用者很可能直接离开或使用其他网站查询,这个网站就会失去它该有的功能;还有需要注意的一点,不论是电脑或行动装置,动态效果都会造成负担。
因此我们要考量动态效果对于你网站的必要性。适当的使用,像是形像网页、活动网页可以考虑使用较多的效果,但商务网站就必须减少使用。
最近流行的一种视差滚动的互动方式,它是利用图层前后和动态幅度不同,形成像是有3D效果的画面,我们可以利用这种方式来说故事,它最常被用在滑鼠滚动时会有渐进式的效果,未来在做网页互动设计时可以参考。