下载掌阅APP，畅读海量书库
立即打开
在网页设计中，除了主色调的选择之外，还应该重视网页中多种颜色的搭配。毕竟绝大部分网页都不会只含有一种色彩。本节介绍网页配色的设计方案和配色原则。
网页设计者在设计网页时，总是会选择一些颜色进行搭配，这个过程称为配色。配色的目的是通过选定的颜色，使得网页呈现出一定的视觉效果。尽管网上的网页绚丽多彩，但是网页的配色总是遵循一定的规则。下面对一些常用的规则进行介绍。
所谓无色，是指在网页设计中，不选择彩色，只使用黑色、白色及灰色。这种设计方案简洁、质朴，而又不失凝重感。此外，还透露出怀旧的感觉。如图3-6所示是香奈儿公司的主页，该网页层次分明，给人以很强的视觉冲击效果，散发出高贵的气息。
图3-6 香奈儿公司主页
该方案只选择单一色相的色彩，然后对该色彩的明度及纯度进行调整。如图3-7所示的网页采用了嫩绿色作为主色调，其R、G和B的值大约分别是78、185和7。然后以该色彩为基础，不断调整其明度和纯度，使网页色彩呈现出层次感。
图3-7 单色设计方案
这种配色方案比较简单，其原理是根据实际情况，在色相环上任意选择3个或者4个相邻的色彩作为网页的色彩。由于都是相邻的色彩，所以色彩之间的过渡非常自然。如图3-8所示的网页采用了色相环中的红色周围的几种色彩作为配色，不同颜色之间既有丰富的层次感，又过渡自然。
图3-8 相邻配色方案
除了以上几种配色方案之外，还有一些其他的方案，举例如下。
◆ 互补配色方案： 使用色相环上的相反的颜色，使得不同颜色之间对比强烈。
◆ 二次色配色方案： 该方案是选择色相环中的二次色绿、紫和橙色作为网页的颜色。
◆ 三次色配色方案： 三次色设计是下面两个组合中的一个，即红橙、黄绿、蓝紫色或者蓝绿、黄橙、红紫色，并且在十二色相环上每个颜色彼此都有相等的距离，也就是在十二色相环中除去原色和二次色。
对于每个网站来说，都会有自己的网页配色方案，从而形成自己的风格。但大体上讲，网页的配色可以遵循某些原则，下面对这些原则进行介绍。
不同类型的网站就要使用不同的色彩和视觉元素，以求达到内容和形式上的统一，这样做更符合人们的认知习惯。例如政府部门的网站一般都以红色为主，体现出一种严肃、庄重的气氛。新闻类的网站应该以白底黑字为主，无须太多的颜色。购物类的网站则以橙色、蓝色等明亮轻快的颜色为主。
人性化是一个最基本的原则，网站的配色应该大致符合绝大部分人的审美观，避免使用刺激性很强的单一色彩，不会使人产生厌恶、不想继续停留的情绪。各部分的色彩搭配要层次分明，能够将内容清晰地展示给访问者。
个性化是一个较高的要求，设计者应该在前面两个原则的基础上，大胆地使用色彩，展示自己的个性，创造出与众不同的视觉效果。