在HTML里实现无插件3D内容呈现的技术就是WebGL,也就是是一项利用JavaScript API渲染交互式3D电脑图形和2D图形的技术,可兼容任何的网页浏览器,无需加装插件。这个技术其实并不复杂,但是之前由于缺乏浏览器的支持而一直没能被广发使用,这一切都可能改变,因为微软发布的IE11已经完美支持WebGL,加上Chrome和Firefox,可以说现在是时候在网页设计里加入3D元素了。
国外开发者Francois Remy在泄露版Windows Blue附带的Internet Explorer 11中发现,WebGL接口已经封装完成,但功能上还未能开放支持。在这之后,另一名开发者Rafael Rivera继续深入挖掘,竟然发现了在此版本的Internet Explorer 11中开启WebGL支持的方法。
实际上方法简单地称奇。首先你必须已经安装了Windows 8 Blue build 9364和最新的显卡驱动(系统自带的显卡驱动在OpenGL方面支持不足),然后只需要简单地导入注册表脚本。
这么多年以来,网页似乎都停留在2D的世界。2012年末开始到整个2013年,涌现出非常多采用CSS 3D变形和Parallax效果的网站,让这个2D的网络世界出现了丰富的层次和纵深感。但是真正的3D似乎没有成为网页设计师的工具,不过这种情况应该会在2014年有所改变。
谈到WebGL 3D,大家可能第一个想到的就是网页游戏,但其实WebGL在网页设计中也大有可为,我觉得WebGL不仅仅可以运用在大型的全屏体验中,也完全可以作为页面元素和其他内容融合在一起,给用户一种新奇的酷炫的体验。手机用户上网浏览多媒体网页仍受手机硬件、浏览器以及网速等方面限制导致体验不佳,如果WebGL标准能在手机上普及应用,将使手机网络服务得到快速地发展
试想一下,我们现在很多网页的Logo都是图片,但是如果带有一些3D的效果,一定会特别有意思。可能你会问,这能给用户带来多大价值呢?可能实用性上确实没有多少,但很多时候,我们也要讨用户欢心,让用户展现笑容,所谓的”delight”的作用,增加用户好感度。同时,这也可以展现一个网页的性格和技术的前瞻性,这方面是设计师和开发者需要好好考虑的。
新的技术不断推动网页设计师和设计机构尝试新的想法,巧妙的思路和天马行空的想象在网页中逐步被实现,那些令人难以置信的概念被化作现实,这也算是设计师的梦想照进现实吧?这些交互复杂效果拟真的网页设计作品,就是在这样的语境下诞生的。
完美的场景营造和新奇高端的设计和开发技巧是有着依存共生关系的。当我们谈及实现方法的时候,可选的设计技巧有很多,从静态的图片构建的全息影像,到细腻的3D建模,设计师可以自由地选取不同的技巧来加入动态元素,构建足够专业的场景,用丰富有趣的细节来实现令人经验的用户体验。
现在的互联网用户要求越来越多。没有内涵的华丽很快就会被丢弃。如果你追求华而不实的设计,那么相信你很快会被时代遗弃。正的设计师设计的东西不是为了哗众取宠而是在艺术和功能上做到两全其美,肤浅的赞赏易得肤浅的设计也易被遗 忘。出色的设计师犹如造梦师,给用户创造一个梦境,让用户感觉到如此真实而不知道自己是在梦中。这样的梦需要几个元素:优秀的配色,直观的设计,良好的交 互性和快的响应速度。此外,永远不要低估简约的力量。
就在2016年,专业网站建设服务公司,以个性化网站建设业务为主,大多体现在制作出3D全景网站,FLASH全景网站等,突出个性化制作和客户长期跟踪服务,业务总量占到所有企业网站建设市场的20%。
过去,开发者们通常倚赖Flash/CSS或者JS来制作动画,赋予浏览器中的网页更为突出的视觉效果。然而HTML5中,内置的许多新的标签能替代它们完成工作,尤其是Flash的那部分。这也是专家们开始声称Flash的时代过去了的原因所在。此外,HTML5中的一部分新特性还覆盖了2D图形、WebGL以及其他。
3D对于网页来说不再是高不可攀的技术,有了浏览器的支持和各种JS库,相信2017年会有更多网站加入3D的元素来丰富用户体验,相信这也是未来网页发展的新动向。