HTML5也能做出视差设计的酷炫效果,动态效果用得多不如用得巧

行动装置发展快速与HTML5技术攀升,也影响网页设计的形态改变,以往会使用Flash来制作网页动态效果,但由于支援性、SEO等问题,让多数企业都走向新形态的设计方式,HTML5越来越成为一种趋势。 现今没有酷炫的Flash动态效果,网页总不能死版版的,HTML5难道就不能做出酷炫效果吗?其实是可以的,今天要与 WP网站建设

行动装置发展快速与HTML5技术攀升,也影响网页设计的形态改变,以往会使用Flash来制作网页动态效果,但由于支援性、SEO等问题,让多数企业都走向新形态的设计方式,HTML5越来越成为一种趋势。

现今没有酷炫的Flash动态效果,网页总不能死版版的,HTML5难道就不能做出酷炫效果吗?其实是可以的,今天要与大家分享几个范例,以及运用这些技术该注意的事。

Article_d46093207e77037e320322b_640x320

 

运用动态效果在网页中会影响使用者接收资讯的方式,使用的好坏、多寡相当重要,良好的互动设计可以增加网页丰富性,也能辅助使用者接收资讯。

例如一个复杂的图文我们可以收合成一个按钮,点开后再经由一个简单互动设计,让使用者更容易了解内容,当然使用太多没必要的效果,反而会造成使用者的困扰。

当使用者想查询门市电话,必须先看过一堆动​​画后才能看到资讯,使用者很可能直接离开或使用其他网站查询,这个网站就会失去它该有的功能;还有需要注意的一点,不论是电脑或行动装置,动态效果都会造成负担。

因此我们要考量动态效果对于你网站的必要性。适当的使用,像是形像网页、活动网页可以考虑使用较多的效果,但商务网站就必须减少使用。

最近流行的一种视差滚动的互动方式,它是利用图层前后和动态幅度不同,形成像是有3D效果的画面,我们可以利用这种方式来说故事,它最常被用在滑鼠滚动时会有渐进式的效果,未来在做网页互动设计时可以参考。

原创文章,作者:网站建设,如若转载,请注明出处:https://www.davidwu.net/archives/12593

发表评论

电子邮件地址不会被公开。 必填项已用*标注