在HTML里實(shí)現(xiàn)無(wú)插件3D內(nèi)容呈現(xiàn)的技術(shù)就是WebGL，也就是是一項(xiàng)利用JavaScript API渲染交互式3D電腦圖形和2D圖形的技術(shù)，可兼容任何的網(wǎng)頁(yè)瀏覽器，無(wú)需加裝插件。這個(gè)技術(shù)其實(shí)并不復(fù)雜，但是之前由于缺乏瀏覽器的支持而一直沒(méi)能被廣發(fā)使用，這一切都可能改變，因?yàn)槲④洶l(fā)布的IE11已經(jīng)完美支持WebGL，加上Chrome和Firefox，可以說(shuō)現(xiàn)在是時(shí)候在網(wǎng)頁(yè)設(shè)計(jì)里加入3D元素了。

國(guó)外開(kāi)發(fā)者Francois Remy在泄露版Windows Blue附帶的Internet Explorer 11中發(fā)現(xiàn)，WebGL接口已經(jīng)封裝完成，但功能上還未能開(kāi)放支持。在這之后，另一名開(kāi)發(fā)者Rafael Rivera繼續(xù)深入挖掘，竟然發(fā)現(xiàn)了在此版本的Internet Explorer 11中開(kāi)啟WebGL支持的方法。

實(shí)際上方法簡(jiǎn)單地稱(chēng)奇。首先你必須已經(jīng)安裝了Windows 8 Blue build 9364和最新的顯卡驅(qū)動(dòng)(系統(tǒng)自帶的顯卡驅(qū)動(dòng)在OpenGL方面支持不足)，然后只需要簡(jiǎn)單地導(dǎo)入注冊(cè)表腳本。

這么多年以來(lái)，網(wǎng)頁(yè)似乎都停留在2D的世界。2012年末開(kāi)始到整個(gè)2013年，涌現(xiàn)出非常多采用CSS 3D變形和Parallax效果的網(wǎng)站，讓這個(gè)2D的網(wǎng)絡(luò)世界出現(xiàn)了豐富的層次和縱深感。但是真正的3D似乎沒(méi)有成為網(wǎng)頁(yè)設(shè)計(jì)師的工具，不過(guò)這種情況應(yīng)該會(huì)在2014年有所改變。

談到WebGL 3D，大家可能第一個(gè)想到的就是網(wǎng)頁(yè)游戲，但其實(shí)WebGL在網(wǎng)頁(yè)設(shè)計(jì)中也大有可為，我覺(jué)得WebGL不僅僅可以運(yùn)用在大型的全屏體驗(yàn)中，也完全可以作為頁(yè)面元素和其他內(nèi)容融合在一起，給用戶(hù)一種新奇的酷炫的體驗(yàn)。手機(jī)用戶(hù)上網(wǎng)瀏覽多媒體網(wǎng)頁(yè)仍受手機(jī)硬件、瀏覽器以及網(wǎng)速等方面限制導(dǎo)致體驗(yàn)不佳，如果WebGL標(biāo)準(zhǔn)能在手機(jī)上普及應(yīng)用，將使手機(jī)網(wǎng)絡(luò)服務(wù)得到快速地發(fā)展

試想一下，我們現(xiàn)在很多網(wǎng)頁(yè)的Logo都是圖片，但是如果帶有一些3D的效果，一定會(huì)特別有意思?？赡苣銜?huì)問(wèn)，這能給用戶(hù)帶來(lái)多大價(jià)值呢?可能實(shí)用性上確實(shí)沒(méi)有多少，但很多時(shí)候，我們也要討用戶(hù)歡心，讓用戶(hù)展現(xiàn)笑容，所謂的”delight”的作用，增加用戶(hù)好感度。同時(shí)，這也可以展現(xiàn)一個(gè)網(wǎng)頁(yè)的性格和技術(shù)的前瞻性，這方面是設(shè)計(jì)師和開(kāi)發(fā)者需要好好考慮的。

新的技術(shù)不斷推動(dòng)網(wǎng)頁(yè)設(shè)計(jì)師和設(shè)計(jì)機(jī)構(gòu)嘗試新的想法，巧妙的思路和天馬行空的想象在網(wǎng)頁(yè)中逐步被實(shí)現(xiàn)，那些令人難以置信的概念被化作現(xiàn)實(shí)，這也算是設(shè)計(jì)師的夢(mèng)想照進(jìn)現(xiàn)實(shí)吧?這些交互復(fù)雜效果擬真的網(wǎng)頁(yè)設(shè)計(jì)作品，就是在這樣的語(yǔ)境下誕生的。

完美的場(chǎng)景營(yíng)造和新奇高端的設(shè)計(jì)和開(kāi)發(fā)技巧是有著依存共生關(guān)系的。當(dāng)我們談及實(shí)現(xiàn)方法的時(shí)候，可選的設(shè)計(jì)技巧有很多，從靜態(tài)的圖片構(gòu)建的全息影像，到細(xì)膩的3D建模，設(shè)計(jì)師可以自由地選取不同的技巧來(lái)加入動(dòng)態(tài)元素，構(gòu)建足夠?qū)I(yè)的場(chǎng)景，用豐富有趣的細(xì)節(jié)來(lái)實(shí)現(xiàn)令人經(jīng)驗(yàn)的用戶(hù)體驗(yàn)。

現(xiàn)在的互聯(lián)網(wǎng)用戶(hù)要求越來(lái)越多。沒(méi)有內(nèi)涵的華麗很快就會(huì)被丟棄。如果你追求華而不實(shí)的設(shè)計(jì)，那么相信你很快會(huì)被時(shí)代遺棄。正的設(shè)計(jì)師設(shè)計(jì)的東西不是為了嘩眾取寵而是在藝術(shù)和功能上做到兩全其美，膚淺的贊賞易得膚淺的設(shè)計(jì)也易被遺 忘。出色的設(shè)計(jì)師猶如造夢(mèng)師，給用戶(hù)創(chuàng)造一個(gè)夢(mèng)境，讓用戶(hù)感覺(jué)到如此真實(shí)而不知道自己是在夢(mèng)中。這樣的夢(mèng)需要幾個(gè)元素：優(yōu)秀的配色，直觀(guān)的設(shè)計(jì)，良好的交 互性和快的響應(yīng)速度。此外，永遠(yuǎn)不要低估簡(jiǎn)約的力量。

就在2016年，專(zhuān)業(yè)網(wǎng)站建設(shè)服務(wù)公司，以個(gè)性化網(wǎng)站建設(shè)業(yè)務(wù)為主，大多體現(xiàn)在制作出3D全景網(wǎng)站，F(xiàn)LASH全景網(wǎng)站等，突出個(gè)性化制作和客戶(hù)長(zhǎng)期跟蹤服務(wù)，業(yè)務(wù)總量占到所有企業(yè)網(wǎng)站建設(shè)市場(chǎng)的20%。

過(guò)去，開(kāi)發(fā)者們通常倚賴(lài)Flash/CSS或者JS來(lái)制作動(dòng)畫(huà)，賦予瀏覽器中的網(wǎng)頁(yè)更為突出的視覺(jué)效果。然而HTML5中，內(nèi)置的許多新的標(biāo)簽?zāi)芴娲鼈兺瓿晒ぷ?，尤其是Flash的那部分。這也是專(zhuān)家們開(kāi)始聲稱(chēng)Flash的時(shí)代過(guò)去了的原因所在。此外，HTML5中的一部分新特性還覆蓋了2D圖形、WebGL以及其他。

3D對(duì)于網(wǎng)頁(yè)來(lái)說(shuō)不再是高不可攀的技術(shù)，有了瀏覽器的支持和各種JS庫(kù)，相信2017年會(huì)有更多網(wǎng)站加入3D的元素來(lái)豐富用戶(hù)體驗(yàn)，相信這也是未來(lái)網(wǎng)頁(yè)發(fā)展的新動(dòng)向。