
在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的元素來豐富用戶體驗,相信這也是未來網頁發展的新動向。