四、老生长谈--色彩、色彩层次

真不想画这图！

色相与层次的关系。

设计离不开层次，离不开色彩。讲到色彩必然离不开色彩的三要素，即色相、明度和纯度。在色相的处理上，不同的色彩会令人产生不同的感觉。

如果将各种不同的色彩放在一个画面上，那么他们就会产生层次。

该突出的部分突出，该减弱的部分减弱，那么就要灵活运用不同的色彩感觉来进行处理。不同色相的颜色搭配在一起产生不同的视觉效果，产生不同的色彩层次。是暖色与冷色或是不同色相的暖色或是不同色相的冷色之间的搭配将会产生出丰富多彩的层次。

明度与层次的关系。在色彩的明度处理方面，明度对比是比较重要的。除了考虑色彩的感情外，还必须考虑配色中的黑、白、灰的层次感。这就是色彩配置的明度关系。不同的明度的色彩配置在一起时将产生变化万千的层次感。白色在色彩中的明度最高，黑色最低，如果将它们配置在一起则会形成强烈对比的层次。

而将红色和橙色明度比较接近的色彩配置在一起时，其层次感相对较弱。纯度与层次的关系。

当色彩纯度高的色彩与纯度低的色彩配置在一起时，纯度高的色彩更鲜艳而纯度低的色彩则更暗浊。那么。纯度高的色彩就会有一种向前的倾向，而暗浊的色彩则会有退后之感，这样，色彩层次很分明。当然在考虑用色彩的纯度来达到设计的层次要求时，自然要将色彩的色相、明度考虑进去。

不管用哪种色彩，如何配置，色相、明度、纯度是很难分开的，也不能孤立的。色彩面积与层次的关系。

构图时，必然要认真考虑各部分的位置、大小。这就牵涉到色彩的面积的筛。为了达到一个统一和谐的色调，一般以一种颜色为主调，并占据画面的主要位置，即较大的面积，而其它色彩自然占较小面积。这样做，不但可以保持其主色调，而且还会产生对比层次，使画面既统一又有变化。

这一段很和谐。教科书般的和谐！

说几个判断方法：

（一）、裸奔。可不是无CSS的裸奔，而是在设计稿出来后，合并所有图层，转换为黑白或lab模式查看黑白灰的感觉。

眯上眼睛看。

闭眼，猛的睁开看。

盯着某样东西到视觉模糊后切换过来看！

（请诸位自行对自己的眼睛负责！！！！）

（二）、反相。

通过反面对比来察觉层次中的弱点。

（三）、切断。

按照构图，将设计稿切成N个部分，用以上两种方法查看。这个，对web设计师，相对重要点！

五、空间感觉--展示平台的融合与超越

看图，原地址：http://shyls.longfor.com.cn/main.html

很典型了，构图、色彩，很有味道，层次虽然不突出，但感觉很和谐！

无论是平面还是网页，总是要突出重点。然而在网页内突出重点。一般采用颜色、体积等简单的方式。而使用突出空间体积感的手法不被经常用到。或者说局限性很大，用于展示类的站点，特别是FLASH的站点。这里借用一张图，源地址http://www.chengshiwen.com/attachments/month_0808/z200883102438.jpg，没经过作者同意，若有意见，我立刻将之拿下。

质感、细节、布局都是上上之选，但最后的远山，却不符合视觉习惯！有点繁琐，而蓝色的天空，应该可以再深入一点。

出处：蓝色理想
责任编辑：bluehearts

上一页 网页设计之层次、空间的浅入 [1] 下一页 网页设计之层次、空间的浅入 [3]