网页设计新趋势——你是否为网站建设了3D页面呢?

2017-11-14

经历了那么多年,网页似乎仍然停留在2D世界当中,然而在2012年到2014年,出现了许多实用css 3D变形以及Parallax效果的网站,这使得网站建设的2D世界出现了更深层次的改变,然而真正的3D似乎还没成为网站建设的工具,但这种情况在新的一年里会有所改变。

现在HTML中可以实现无插件3D内容呈现技术的就是WebGL,尽管这个技术不是非常的复杂,但由于缺乏浏览器的支持,它一直没有被广泛使用,然而这一些都可能发生改变,因为微软发布的IE 11已经可以支持WebGL了,这就意味着,在网站建设时,可以在页面上假如3D元素了。

谈及WebGL 3D,用户们可能首先想到的是网页游戏,但是,WebGL在网站建设中也是大有可为的,如何建网站的时接入WebGL3D元素呢,这不仅可以运用在大屏幕的体验中,还可以作为网页元素与其它的内容结合起来,给用户全新的体验,我们不妨看一下这些例子:

Acko

网站建设

Rampage

如何建网站


这些网站建设时都很好的融合了WebGL 3D,网站建设者在他的网站中加入了抽象的3D元素,当你打开网站的时候,这些元素会自动交织,形成Acko字母,用户还能够点击上方播放按钮观看元素延伸的过程,这样网站内容与3D空间很好的结合起来,满足用户视觉的需求。

总的来说,3D网页不再是什么巅峰技术,有了各种Js库以及浏览器的支持,相信很多网站建设者都会将3D元素加入到网站设计中,以提高用户的体验,这无疑是未来网页发展的新趋势。


推荐阅读:《如何理解网页设计中的“大气”