網(wǎng)頁(yè)設(shè)計(jì)新趨勢(shì)——你是否為網(wǎng)站建設(shè)了3D頁(yè)面呢?
經(jīng)歷了那么多年,網(wǎng)頁(yè)似乎仍然停留在2D世界當(dāng)中,然而在2012年到2014年,出現(xiàn)了許多實(shí)用css 3D變形以及Parallax效果的網(wǎng)站,這使得網(wǎng)站建設(shè)的2D世界出現(xiàn)了更深層次的改變,然而真正的3D似乎還沒(méi)成為網(wǎng)站建設(shè)的工具,但這種情況在新的一年里會(huì)有所改變。
現(xiàn)在HTML中可以實(shí)現(xiàn)無(wú)插件3D內(nèi)容呈現(xiàn)技術(shù)的就是WebGL,盡管這個(gè)技術(shù)不是非常的復(fù)雜,但由于缺乏瀏覽器的支持,它一直沒(méi)有被廣泛使用,然而這一些都可能發(fā)生改變,因?yàn)槲④洶l(fā)布的IE 11已經(jīng)可以支持WebGL了,這就意味著,在網(wǎng)站建設(shè)時(shí),可以在頁(yè)面上假如3D元素了。
談及WebGL 3D,用戶(hù)們可能首先想到的是網(wǎng)頁(yè)游戲,但是,WebGL在網(wǎng)站建設(shè)中也是大有可為的,如何建網(wǎng)站的時(shí)接入WebGL3D元素呢,這不僅可以運(yùn)用在大屏幕的體驗(yàn)中,還可以作為網(wǎng)頁(yè)元素與其它的內(nèi)容結(jié)合起來(lái),給用戶(hù)全新的體驗(yàn),我們不妨看一下這些例子:
Acko
Rampage
這些網(wǎng)站建設(shè)時(shí)都很好的融合了WebGL 3D,網(wǎng)站建設(shè)者在他的網(wǎng)站中加入了抽象的3D元素,當(dāng)你打開(kāi)網(wǎng)站的時(shí)候,這些元素會(huì)自動(dòng)交織,形成Acko字母,用戶(hù)還能夠點(diǎn)擊上方播放按鈕觀看元素延伸的過(guò)程,這樣網(wǎng)站內(nèi)容與3D空間很好的結(jié)合起來(lái),滿(mǎn)足用戶(hù)視覺(jué)的需求。
總的來(lái)說(shuō),3D網(wǎng)頁(yè)不再是什么巔峰技術(shù),有了各種Js庫(kù)以及瀏覽器的支持,相信很多網(wǎng)站建設(shè)者都會(huì)將3D元素加入到網(wǎng)站設(shè)計(jì)中,以提高用戶(hù)的體驗(yàn),這無(wú)疑是未來(lái)網(wǎng)頁(yè)發(fā)展的新趨勢(shì)。
特別聲明:以上文章內(nèi)容僅代表作者本人觀點(diǎn),不代表ESG跨境電商觀點(diǎn)或立場(chǎng)。如有關(guān)于作品內(nèi)容、版權(quán)或其它問(wèn)題請(qǐng)于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。
二維碼加載中...
使用微信掃一掃登錄
使用賬號(hào)密碼登錄
平臺(tái)顧問(wèn)
微信掃一掃
馬上聯(lián)系在線(xiàn)顧問(wèn)
小程序
ESG跨境小程序
手機(jī)入駐更便捷
返回頂部