1.4 网页的色彩搭配
1.4.1 色彩属性与象征意义
网页的色彩是一个网站风格的关键内容，网页的背景、文字、图标、边框、超链接等用什么样的颜色才能协调一致，这是一个很让设计者头痛的事。有些网页之所以让人感觉赏心悦目、整洁典雅，就是因为色彩运用得当。
1.色彩的三个基本属性
任何色彩都有三个属性，分别是：
（1）色相：也叫色泽，是颜色的基本特征，反映颜色的基本面貌，如红、橙、黄、绿、青、蓝、紫等颜色的种类变化就叫做色相。
（2）饱和度：也叫纯度，指色彩的鲜艳程度，原色是纯度最高的色彩。颜色混合的次数越多，纯度越低，反之，纯度则高。原色中混入补色，纯度会立即降低、变灰。物体本身的色彩，也有纯度高低之分。
（3）亮度：也叫明度，指色彩的亮度或明度。颜色有深浅、明暗的变化。比如，深黄、中黄、淡黄、柠檬黄等黄颜色在明度上就不一样，紫红、深红、玫瑰红、大红、朱红、橘红等红颜色在亮度上也不尽相同。这些颜色在明暗、深浅上的不同变化，也就是色彩的又一重要特征——明度变化。色彩的明度变化有许多种情况，一是不同色相之间的明度变化。如：白比黄亮、黄比橙亮、橙比红亮、红比紫亮、紫比黑亮；二是在某种颜色中加白色，亮度就会逐渐提高，加黑色亮度就会变暗，但同时它们的纯度（颜色的饱和度）就会降低；三是相同的颜色，因光线照射的强弱不同也会产生不同的明暗变化。
自然界中的色彩可以分为非彩色和彩色两大类，非彩色指黑色、白色和各种深浅不一的灰色，而其他所有颜色均为彩色。根据研究表明：彩色的记忆效果是黑白的3.5倍，也就是说，一般情况下，彩色页面比黑白页面更吸引人的注意力。因此通常将网页中的文字用非彩色（黑色），边框、背景、图片用彩色，这样页面整体既不单调，又不会眼花缭乱。
2.色彩的象征意义
无论彩色的色还是非彩色，都有自己的表情特征。每一种色相，当它的纯度和明度发生变化，或者处于不同的颜色搭配关系时，颜色的表情也就随之变化了。
（1）红色是强有力的色彩，是热烈、冲动的色彩，代表热情、喜悦、庆典。由于红色容易引起注意，常用来传达有活力、积极、热诚、温暖、前进等含义的形象与精神；另外也常用来作为警告、危险、禁止等标记用色。
（2）橙色是十分活泼的光辉色彩，是暖色系中最温暖的色彩，它使我们联想到金色的秋天，丰硕的果实，因此是一种富足的、快乐而幸福的色彩。橙色稍稍混入黑色或白色，会成为一种稳重、含蓄又明快的暖色，但混入较多的黑色后，就成为一种烧焦的色，橙色中加入较多的白色会带有一种甜腻的味道。橙色与蓝色的搭配，构成了最鲜亮、最欢快的色彩。
（3）黄色是亮度最高的色，在高明度下能够保持很强的纯度。黄色的灿烂、辉煌，有着太阳般的光辉，因此象征着照亮黑暗的智慧之光；黄色有着金色的光芒，因此又象征着财富和权利，它是骄傲的色彩。黑色或紫色的衬托可以使黄色达到力量无限扩大的强度；白色是吞没黄色的色彩；淡淡的粉红色也可以像美丽的少女一样将黄色这骄傲的王子征服。黄色最不能承受黑色或白色的侵蚀，这两个色只要稍微的渗入，黄色即刻失去光辉。
（4）绿色代表植物、生命、生机，显得和谐、宁静、健康，给人安全、舒适的感觉。绿色所传达的清爽、理想、希望、生长的象征，符合服务业、卫生保健业的心理倾向，在工厂中为了避免操作时眼睛疲劳，许多机械也是采用绿色，医疗场所也常用绿色来设计空间。
（5）蓝色是博大的色彩，天空和大海等最辽阔的景色都呈蔚蓝色，无论深蓝色还是淡蓝色，都会使我们联想到无垠的宇宙或流动的大气，因此，蓝色也是永恒的象征。由于蓝色沉稳的特性，多作为商品、企业形象的标准色，另外蓝色也代表忧郁，这个象征在文学作品或心理情感设计上常运用。
（6）紫色代表浪漫、爱情，由于具有强烈的女性化性格，在商业设计时，紫色也受到了相当的限制，除了和女性有关的商品和形象，其他类的设计不常用它为主色。
（7）黑色具有高贵、稳重、科技的象征，许多科技产品用色，如电视、汽车、摄影机、音响、仪表等大多采用黑色。
（8）白色代表纯洁、简单，具有高级、科技的象征，通常需要和其他色彩搭配使用，在用色时都会掺一些其他色彩，如象牙白、乳白、苹果白，在生活用品和服饰上，白色是永远流行的颜色，可以和任何色彩作搭配。
（9）灰色代表阴暗、消极，具有平凡、温和、中立的感觉，属于中间色，男女皆能接受，在使用灰色时，大多利用不同的层次变化组合或配其他色彩，才不会过于素淡、沉闷、呆板。
色彩的表达在更多的情况下是通过对比来表达的，有时色彩的对比五彩斑斓、耀眼夺目，显得华丽，有时对比在纯度上含蓄、明度上稳重，又显得朴实无华。创造什么样的色彩才能表达所需要的感情，完全依赖于自己的感觉、经验以及想象力，没有什么固定的格式。
3.色彩的性质
（1）鲜明性。网页的色彩要鲜艳，容易引人注目，如图1-15所示。
图1-15 网页色彩的鲜明性
（2）独特性。要有与众不同的色彩，使得浏览者对网页的印象强烈，如图1-16所示。
图1-16 网页色彩的独特性
（3）合适性。色彩和网页的内容气氛相适合。如用粉色体现女性网站的柔和性，如图1-17所示。
图1-17 网页色彩的合适性
（4）联想性。不同色彩会产生不同的联想，蓝色联想到天空如图1-18所示，红色联想到喜事，如图1-19所示，黑色联想到黑夜等，选择色彩要和网页的内涵相关联。
图1-18 网页色彩为蓝色能联想到天空
图1-19 网页色彩为红色能联想到喜事
1.4.2 网页色彩的整体规划
网页整体色彩的规划，需要从网页的主题、性质、浏览用户等多方面来考虑。首先确定主题以后，要了解哪些色彩适合于哪类网站。如首先在确定主页的题材后，要了解哪些颜色适合哪些站点。比如一个影视的站点，基本上适用任何色彩，但用黑色或其他较深的色彩为主比较好，因为人们看电视、电影一般习惯在黑暗的环境下观看，网页上使用深色较符合大众的习惯，如图1-20所示。
图1-20 影视网站的色彩搭配
一般医院、医学的站点使用浅色为主色，这样能衬托其医学站点的氛围，如图1-21所示。
图1-21 医院网站色彩
一般农林业、教育类网站常使用绿色，则代表希望与活力，如图1-22所示。
图1-22 农林类网站色彩
政府部门网站主要使用红色等暖色调，则体现其严肃性与亲和力，如图1-23所示。
图1-23 政府网站的色彩
另外根据浏览者的特征来确定网页色彩也很重要，如访问者多为科研人员，那么网站要用色彩营造一种严谨、科学的气氛；如果访问者多为年轻人，则网站要用色彩营造一种活泼、明快的气氛。魔兽世界的官方网站如图1-24所示，以黑色为主要背景色配合以红色、黄色等醒目的颜色为辅助性色彩，体现出强烈的神秘感，强大的视觉冲击力吸引了广大的游戏爱好者。
图1-24 魔兽世界的官方网站
很多老年人也逐步融入到现在的网络信息时代，他们不需要年轻人的时尚、活泼感观，他们则需要宁静祥和的感观，因此网站在色彩的运用上就要以温和的浅色为主，如图1-25所示。
图1-25 老年人网站的色彩
提示：切记页面文字的颜色与链接的颜色区分开来。有些色彩是不能搭配在一起作为主色的，如蓝色和褐色搭配是最老土的组合。平时我们一定要注意这类问题。在网页配色时，最忌讳的是将所有颜色都用上，要尽量控制在三种色彩以内，背景和文字的对比要大，以便突出文字内容。
为了使网站的页面更美观，更舒适，为了增强网站页面的可阅读性，必须合理、恰当地运用与搭配页面各要素间的色彩。
1.背景与文字
如果一个网站用了背景颜色，必须要考虑到背景颜色的用色，与前景文字的搭配等问题。一般的网站侧重的是文字，所以背景可以选择纯度或者明度较低的色彩，文字用较为突出的亮色，让人一目了然。
当然，为了让浏览者对网站留下深刻的印象，有些网站在背景上做文章，比如一个空白页的某一个部分用了很亮的大色块，是不是让你豁然开朗呢？此时它为了吸引浏览者的视线，突出的是背景，所以文字就要显得暗一些，这样文字才能跟背景分离开来，便于浏览者阅读文字。
2.网站标志和页眉
网站标志和页眉是宣传网站重要的部分，所以这两个部分一定要在页面上最突出。怎样做到这一点呢？我们将网站标志和页眉做的鲜亮一些，将色彩方面跟网页的主题色分离开来。有时候为了更突出，也可以使用与主题色相反的颜色。
3.导航条、小标题
导航条、小标题是网站的指路灯。浏览者要在网页间跳转，要了解网站的结构，网站的内容，都必须通过导航或者页面中的一些小标题。所以我们可以使用具有跳跃性的色彩，吸引浏览者的视线，使网站清晰明了、层次分明。
4.链接颜色设置
一个网站不可能只有一页，所以文字与图片的链接是网站中不可缺少的一部分。特别指出文字的链接颜色不能跟文字的颜色一样。现代人的生活节奏相当快，不可能浪费太多的时间在网站的链接上。设置了独特的链接颜色，感受到它的独特性，自然而然的好奇心趋使他移动鼠标，点击鼠标。
回头看
本章讲述了网页设计前需要了解的一些基础知识，如Internet中的IP、域名，图像格式、网页板块规划，色彩搭配等。