浅谈网页设计中三维空间感的营造

周楚雲

摘 要 当今的时代是计算机和网络的时代，我们毋庸赘述网络在现代人生活和工作中的地位，现代人已经无法离开计算机和网络生活。在网络中，网页是传播网络信息的重要载体，人们通过网页进行文字信息的获取、图片和视频信息的观看、在网页上与电脑另一侧的陌生人进行交流。但是严格意义上来说，网页只是一个二维的平面，对信息的展示也仅限于平面上信息的堆积，尽管某些立体图片和视频可以称得上是三维的，但是其并不是网页本身的三维空间。当前人们对网页也越来越挑剔，设计者应当与时俱进，以满足人们的需求为己任，研究网页设计中三维空间感的营造。

关键词 网页设计 三维空间 立体维度

中图分类号：TP3 文献标识码：A

网页归根究底还是一种视觉性的信息传达，尽管网页中可以嵌入视频进行有声的信息展示，但是网页本质上还以传达视觉元素为主。当今计算机和网络已经深入千家万户，人们在已经习惯了从网页上获取信息的情况下，对网页传达视觉要素的要求也越来越高。其中，人们对三维空间感的追求就是其中的重要要求。网页本身是平面的，再如何改进也无法进行三维的设计，并且将网页变成纯正的三维空间对技术要求太高，当前还无法普及。但是在网页中营造一种三维空间感却是设计师可以做到的。

1三维空间概述

三维其实是一个很深奥的科学名词，它的代名词就是立体。我们通俗地讲，一维就是线条，是由无数个点组成的无限延伸的线；二维就是我们常说的平面，是由一定数量的线组成的平面的状态；三维则是更高层次的维度，在二维平面的基础上加入了高度，将整个状态变得立体。人是生活在三维空间的，身边的所有事物基本上都是三维的，哪怕是一张极薄的白纸，它也是有厚度的，也是立体的而不是平面的。人们是能够看到整个世界的三维要素的，但是放置在网页中，人们所看到的三维要素其实并不是绝对意义上的三维，只是人们运用各种手法和技巧表现出来的视觉特征，是一种假象。尽管这种三维是一种假象，但是人们总是倾向于看到这种视觉要素，以加深对图片和影像的印象和观感。

2网页设计概述

既然网页已经成为当今人们生活中必不可少的重要组成部分，那么就不能够以一种千篇一律的固定姿态展示给人们。因为这样既不能突出主题，与其他的网页其别开来，又不能尽可能地吸引人的注意，获得人们的再次浏览。要知道网页的展示是需要一定成本的，而网站的盈利直接与人们的浏览量相关。即便网站是公益性质的，但是也需要用人们的浏览去换取信息的更广泛的传播。那么在这种情况下，网页设计的重要性就凸显出来，一方面它能够让网页与其他的网页区别开来，另一方面，也能够最大程度地将信息的传达变得更为有效。一般来说，网页的设计主要是版式结构、内容、色彩和其他方面的设计。

3网页设计中的三维空间感的营造

网页设计中要想真正地实现三维空间的构建，不仅技术上需要很高的要求，成本也过于高昂。但是可以通过一定的技巧营造出一种三维的空间感，满足人们的需求。

首先是运用展示的图片信息的结构来营造一种三维的空间感。图片本身是平面的，是二维的，但是在图片的处理上可以运用一些技巧。最简单的就是形成纸张的折叠效果。以一张载满信息的信纸为例，将这张绘有信纸的图片直接放在在网页中，很直观地看就是一张平面的纸，但是通过阴影做出折叠的效果，在视觉上这张纸就好像真的被折叠一样，造成了一种立体的假象。类似折叠还有凹凸和拼贴，其实原理都是运用色彩使所表现的图片在结构上形成层次感，进而形成一种三维的空间感。

其次是充分利用所要展示的图片的自身特性来营造三维空间感。我们以金属和玻璃为例，这两种材质其实都是有光泽的，也就是说它们的反光效果极好，那么在展示这两种材质的图片时，可以人为地加上一些反光、阴影、透光等效果，使人们看起来好像是真的立体地放置在图片中一样。这里利用的都是一些光学原理来使图片本身的特性能够最大程度地展现。

最后使运用人眼的结构原理和辅助工具来创造三维空间。这种方式也是当前3D图片和电影的常规手段。这些图片在肉眼看来其实仍然是平面的甚至是模糊的，它是将很多张图片进行叠加构成的，不借助于辅助工具人们其实是看不出三维效果的，但是在辅助工具例如3D眼镜的作用下，立体效果立马显现出来。这种方式虽然要借助工具，但是营造三维空间感的效果是最好的，可以在特定的网页中进行这样的设计。

4结语

随着时代的进步和科学技术的不断发展，很多概念中的技术都已经成为了现实，人们对于很多领域也有了更高的要求。当前网页是人们生活中最为广泛的获取信息和信息共享与交流的载体，人们对网页设计的要求也越来越高。在视觉方面，人们已经不满足于平面的视觉信息获取，开始需求立体的三维的空间要素。当前网页的设计者应当充分考虑到人们的需求，积极研究网页设计中三维空间感的营造，只有这样才能够吸引更多的人进入网页浏览，也能够促进网页设计领域的不断向前发展。

参考文献

[1] [西]西尔维亚·埃斯特拉达著，张朝艺译.新媒体网页设计[M].上海：上海人民美术出版社，2006.09.

[2] 曹淮，晁丁丁.3D元素在网页信息传达中的应用研究[C].2006年中国机械工程学会撵回暨中国工程院机械与运载学部首届年会论文集，2006.11.

[3] 左骏.平面维度的新坐标——三维视觉语言与网页界面设计研究[D].北京：中国美术学院，2012，08.