在HTML里實(shí)現(xiàn)無插件3D內(nèi)容呈現(xiàn)的技術(shù)就是WebGL,也就是是一項(xiàng)利用JavaScript API渲染交互式3D電腦圖形和2D圖形的技術(shù),可兼容任何的網(wǎng)頁瀏覽器,無需加裝插件。這個(gè)技術(shù)其實(shí)并不復(fù)雜,但是之前由于缺乏瀏覽器的支持而一直沒能被廣發(fā)使用,這一切都可能改變,因?yàn)槲④洶l(fā)布的IE11已經(jīng)完美支持WebGL,加上Chrome和Firefox,可以說現(xiàn)在是時(shí)候在網(wǎng)頁設(shè)計(jì)里加入3D元素了。
國外開發(fā)者Francois Remy在泄露版Windows Blue附帶的Internet Explorer 11中發(fā)現(xiàn),WebGL接口已經(jīng)封裝完成,但功能上還未能開放支持。在這之后,另一名開發(fā)者Rafael Rivera繼續(xù)深入挖掘,竟然發(fā)現(xiàn)了在此版本的Internet Explorer 11中開啟WebGL支持的方法。
實(shí)際上方法簡單地稱奇。首先你必須已經(jīng)安裝了Windows 8 Blue build 9364和最新的顯卡驅(qū)動(dòng)(系統(tǒng)自帶的顯卡驅(qū)動(dòng)在OpenGL方面支持不足),然后只需要簡單地導(dǎo)入注冊表腳本。
這么多年以來,網(wǎng)頁似乎都停留在2D的世界。2012年末開始到整個(gè)2013年,涌現(xiàn)出非常多采用CSS 3D變形和Parallax效果的網(wǎng)站,讓這個(gè)2D的網(wǎng)絡(luò)世界出現(xiàn)了豐富的層次和縱深感。但是真正的3D似乎沒有成為網(wǎng)頁設(shè)計(jì)師的工具,不過這種情況應(yīng)該會(huì)在2014年有所改變。
談到WebGL 3D,大家可能第一個(gè)想到的就是網(wǎng)頁游戲,但其實(shí)WebGL在網(wǎng)頁設(shè)計(jì)中也大有可為,我覺得WebGL不僅僅可以運(yùn)用在大型的全屏體驗(yàn)中,也完全可以作為頁面元素和其他內(nèi)容融合在一起,給用戶一種新奇的酷炫的體驗(yàn)。手機(jī)用戶上網(wǎng)瀏覽多媒體網(wǎng)頁仍受手機(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)頁的Logo都是圖片,但是如果帶有一些3D的效果,一定會(huì)特別有意思??赡苣銜?huì)問,這能給用戶帶來多大價(jià)值呢?可能實(shí)用性上確實(shí)沒有多少,但很多時(shí)候,我們也要討用戶歡心,讓用戶展現(xiàn)笑容,所謂的”delight”的作用,增加用戶好感度。同時(shí),這也可以展現(xiàn)一個(gè)網(wǎng)頁的性格和技術(shù)的前瞻性,這方面是設(shè)計(jì)師和開發(fā)者需要好好考慮的。
新的技術(shù)不斷推動(dòng)網(wǎng)頁設(shè)計(jì)師和設(shè)計(jì)機(jī)構(gòu)嘗試新的想法,巧妙的思路和天馬行空的想象在網(wǎng)頁中逐步被實(shí)現(xiàn),那些令人難以置信的概念被化作現(xiàn)實(shí),這也算是設(shè)計(jì)師的夢想照進(jìn)現(xiàn)實(shí)吧?這些交互復(fù)雜效果擬真的網(wǎng)頁設(shè)計(jì)作品,就是在這樣的語境下誕生的。
完美的場景營造和新奇高端的設(shè)計(jì)和開發(fā)技巧是有著依存共生關(guān)系的。當(dāng)我們談及實(shí)現(xiàn)方法的時(shí)候,可選的設(shè)計(jì)技巧有很多,從靜態(tài)的圖片構(gòu)建的全息影像,到細(xì)膩的3D建模,設(shè)計(jì)師可以自由地選取不同的技巧來加入動(dòng)態(tài)元素,構(gòu)建足夠?qū)I(yè)的場景,用豐富有趣的細(xì)節(jié)來實(shí)現(xiàn)令人經(jīng)驗(yàn)的用戶體驗(yàn)。
現(xiàn)在的互聯(lián)網(wǎng)用戶要求越來越多。沒有內(nèi)涵的華麗很快就會(huì)被丟棄。如果你追求華而不實(shí)的設(shè)計(jì),那么相信你很快會(huì)被時(shí)代遺棄。正的設(shè)計(jì)師設(shè)計(jì)的東西不是為了嘩眾取寵而是在藝術(shù)和功能上做到兩全其美,膚淺的贊賞易得膚淺的設(shè)計(jì)也易被遺 忘。出色的設(shè)計(jì)師猶如造夢師,給用戶創(chuàng)造一個(gè)夢境,讓用戶感覺到如此真實(shí)而不知道自己是在夢中。這樣的夢需要幾個(gè)元素:優(yōu)秀的配色,直觀的設(shè)計(jì),良好的交 互性和快的響應(yīng)速度。此外,永遠(yuǎn)不要低估簡約的力量。
就在2016年,專業(yè)網(wǎng)站建設(shè)服務(wù)公司,以個(gè)性化網(wǎng)站建設(shè)業(yè)務(wù)為主,大多體現(xiàn)在制作出3D全景網(wǎng)站,F(xiàn)LASH全景網(wǎng)站等,突出個(gè)性化制作和客戶長期跟蹤服務(wù),業(yè)務(wù)總量占到所有企業(yè)網(wǎng)站建設(shè)市場的20%。
過去,開發(fā)者們通常倚賴Flash/CSS或者JS來制作動(dòng)畫,賦予瀏覽器中的網(wǎng)頁更為突出的視覺效果。然而HTML5中,內(nèi)置的許多新的標(biāo)簽?zāi)芴娲鼈兺瓿晒ぷ鳎绕涫荈lash的那部分。這也是專家們開始聲稱Flash的時(shí)代過去了的原因所在。此外,HTML5中的一部分新特性還覆蓋了2D圖形、WebGL以及其他。
3D對(duì)于網(wǎng)頁來說不再是高不可攀的技術(shù),有了瀏覽器的支持和各種JS庫,相信2017年會(huì)有更多網(wǎng)站加入3D的元素來豐富用戶體驗(yàn),相信這也是未來網(wǎng)頁發(fā)展的新動(dòng)向。