淺談網頁設計中三維空間感的營造

周楚雲

摘 要 當今的時代是計算機和網絡的時代，我們毋庸贅述網絡在現代人生活和工作中的地位，現代人已經無法離開計算機和網絡生活。在網絡中，網頁是傳播網絡信息的重要載體，人們通過網頁進行文字信息的獲取、圖片和視頻信息的觀看、在網頁上與電腦另一側的陌生人進行交流。但是嚴格意義上來說，網頁只是一個二維的平面，對信息的展示也僅限于平面上信息的堆積，盡管某些立體圖片和視頻可以稱得上是三維的，但是其并不是網頁本身的三維空間。當前人們對網頁也越來越挑剔，設計者應當與時俱進，以滿足人們的需求為己任，研究網頁設計中三維空間感的營造。

關鍵詞 網頁設計 三維空間 立體維度

中圖分類號：TP3 文獻標識碼：A

網頁歸根究底還是一種視覺性的信息傳達，盡管網頁中可以嵌入視頻進行有聲的信息展示，但是網頁本質上還以傳達視覺元素為主。當今計算機和網絡已經深入千家萬戶，人們在已經習慣了從網頁上獲取信息的情況下，對網頁傳達視覺要素的要求也越來越高。其中，人們對三維空間感的追求就是其中的重要要求。網頁本身是平面的，再如何改進也無法進行三維的設計，并且將網頁變成純正的三維空間對技術要求太高，當前還無法普及。但是在網頁中營造一種三維空間感卻是設計師可以做到的。

1三維空間概述

三維其實是一個很深奧的科學名詞，它的代名詞就是立體。我們通俗地講，一維就是線條，是由無數個點組成的無限延伸的線；二維就是我們常說的平面，是由一定數量的線組成的平面的狀態；三維則是更高層次的維度，在二維平面的基礎上加入了高度，將整個狀態變得立體。人是生活在三維空間的，身邊的所有事物基本上都是三維的，哪怕是一張極薄的白紙，它也是有厚度的，也是立體的而不是平面的。人們是能夠看到整個世界的三維要素的，但是放置在網頁中，人們所看到的三維要素其實并不是絕對意義上的三維，只是人們運用各種手法和技巧表現出來的視覺特征，是一種假象。盡管這種三維是一種假象，但是人們總是傾向于看到這種視覺要素，以加深對圖片和影像的印象和觀感。

2網頁設計概述

既然網頁已經成為當今人們生活中必不可少的重要組成部分，那么就不能夠以一種千篇一律的固定姿態展示給人們。因為這樣既不能突出主題，與其他的網頁其別開來，又不能盡可能地吸引人的注意，獲得人們的再次瀏覽。要知道網頁的展示是需要一定成本的，而網站的盈利直接與人們的瀏覽量相關。即便網站是公益性質的，但是也需要用人們的瀏覽去換取信息的更廣泛的傳播。那么在這種情況下，網頁設計的重要性就凸顯出來，一方面它能夠讓網頁與其他的網頁區別開來，另一方面，也能夠最大程度地將信息的傳達變得更為有效。一般來說，網頁的設計主要是版式結構、內容、色彩和其他方面的設計。

3網頁設計中的三維空間感的營造

網頁設計中要想真正地實現三維空間的構建，不僅技術上需要很高的要求，成本也過于高昂。但是可以通過一定的技巧營造出一種三維的空間感，滿足人們的需求。

首先是運用展示的圖片信息的結構來營造一種三維的空間感。圖片本身是平面的，是二維的，但是在圖片的處理上可以運用一些技巧。最簡單的就是形成紙張的折疊效果。以一張載滿信息的信紙為例，將這張繪有信紙的圖片直接放在在網頁中，很直觀地看就是一張平面的紙，但是通過陰影做出折疊的效果，在視覺上這張紙就好像真的被折疊一樣，造成了一種立體的假象。類似折疊還有凹凸和拼貼，其實原理都是運用色彩使所表現的圖片在結構上形成層次感，進而形成一種三維的空間感。

其次是充分利用所要展示的圖片的自身特性來營造三維空間感。我們以金屬和玻璃為例，這兩種材質其實都是有光澤的，也就是說它們的反光效果極好，那么在展示這兩種材質的圖片時，可以人為地加上一些反光、陰影、透光等效果，使人們看起來好像是真的立體地放置在圖片中一樣。這里利用的都是一些光學原理來使圖片本身的特性能夠最大程度地展現。

最后使運用人眼的結構原理和輔助工具來創造三維空間。這種方式也是當前3D圖片和電影的常規手段。這些圖片在肉眼看來其實仍然是平面的甚至是模糊的，它是將很多張圖片進行疊加構成的，不借助于輔助工具人們其實是看不出三維效果的，但是在輔助工具例如3D眼鏡的作用下，立體效果立馬顯現出來。這種方式雖然要借助工具，但是營造三維空間感的效果是最好的，可以在特定的網頁中進行這樣的設計。

4結語

隨著時代的進步和科學技術的不斷發展，很多概念中的技術都已經成為了現實，人們對于很多領域也有了更高的要求。當前網頁是人們生活中最為廣泛的獲取信息和信息共享與交流的載體，人們對網頁設計的要求也越來越高。在視覺方面，人們已經不滿足于平面的視覺信息獲取，開始需求立體的三維的空間要素。當前網頁的設計者應當充分考慮到人們的需求，積極研究網頁設計中三維空間感的營造，只有這樣才能夠吸引更多的人進入網頁瀏覽，也能夠促進網頁設計領域的不斷向前發展。

參考文獻

[1] [西]西爾維亞·埃斯特拉達著，張朝藝譯.新媒體網頁設計[M].上海：上海人民美術出版社，2006.09.

[2] 曹淮，晁丁丁.3D元素在網頁信息傳達中的應用研究[C].2006年中國機械工程學會攆回暨中國工程院機械與運載學部首屆年會論文集，2006.11.

[3] 左駿.平面維度的新坐標——三維視覺語言與網頁界面設計研究[D].北京：中國美術學院，2012，08.