3D模型在網頁中的應用案例

這幾年間,將3D模型運用在網頁中的做法越來越常見,不只引人注目,也開啟了與用戶之間全新的互動方式,本文將透過歸納、分享案例來介紹模型在網頁中的應用。

展覽

這類型的網站具備很強的互動性,像是Magical Reflections是以滑鼠滾動的方式,逛一圈展場,其中的視角動態相當流暢。

Magical Reflections

EGONLAB Microverse

EGONLAB Microverse是EGONLAB和Crocs聯合打造的數位體驗,從開頭以滑鼠打開門,到後面的鞋子展示品與電影院,都相當震撼。

NZ EXPO Virtual Pavillion

在NZ EXPO Virtual Pavillion中,除了背景音樂,還搭配了沈穩有力的旁白聲音,讓使用者身歷其境,有強烈的沈浸感,整體觀看下來,背景聲音和畫面轉場的融合十分順暢,畫面的精緻程度亦值得一再觀賞。

3D圖像&動態裝飾

前幾年,扁平風的插畫在網頁設計中蔚為風行,現在也有許多網站以3D模型做為裝飾,搭配鮮豔的色彩與滾動時的精緻動態,引人注目。

Le Lab

Vendredi Society

Uplinq

產品

Demilie Creamed Honey

在網站中以3D的方式介紹產品製程、展示產品,並透過像是不斷前進的物件排列介紹公司歷史,同時呈現產品細節。

TAG Heuer Connected Calibre E4

Belgian Owl

該網站是為了介紹酒瓶包裝所製作,隨著滑鼠滾動,酒瓶會變換角度與位置,呈現包裝細節。

數位藝術展示

HAPE

滾動時觀看角度會隨之改變,透過長按空白鍵可以更換場景與猴子樣貌,網站中有許多轉換的部分,但是處理得相當流暢。

Radioactive Crocs Club

開頭從恐龍嘴巴進入下個階段,令人印象深刻。

結語

3D網頁帶來的效果之中,就屬「沈浸感」最為明顯,這是其他形式較不具備的特色。其中在展覽類作品中最能展現,搭配背景音樂,觀眾彷彿置身場景之中,容易讓人印象深刻、吸引注目,並主動重複觀看。另外,與使用者的互動也是可以關注的部分,3D技術為虛擬的物件賦予像是真實存在的樣貌,透過介面,使用者可以操控這些物件機關,就像在玩遊戲一樣,也可以選擇自己要前往的地方,引發強烈的參與感。

--

--