1.4.3　网页配色基础

色彩是浏览网页时的第一认知，合理的用色和色彩搭配在网页设计中起着至关重要的作用，是网站设计成功与否的关键。在网站设计中可以根据网站特色、版面布局、浏览习惯、视觉焦点等，遵循一定的艺术规则，设计出具有独特吸引力的网站作品。下面通过对不同颜色的情感认知和色彩搭配进行讲解，提高对色彩基础知识的掌控，使人们在网页设计中游刃有余，达到事半功倍的效果。

1．红色

红色，有一股畜势待发的能量，容易让人联想到太阳、火焰、激情等，能够带来视觉上的强力冲击，给人一种烈火重生的希望。同时红色也容易使人兴奋、激动、紧张、冲动，它还是一种容易造成人视觉疲劳的颜色，如图1-19所示。

高亮度的红色传达着积极向上的精神，与无彩色系色彩搭配，会有时尚另类、热情活力的感觉。

低亮度的红色能够营造庄严古典、富足奢华的气氛。

图1-19

2．橙色

橙色，如同阳光一样灿烂明媚，在寒冷的冬日里给人们带来温馨和抚慰。橙色给人活泼欢快的感觉，常用于表现在欢乐的主题中，同时它代表了食物的美味，能够刺激人们的食欲。橙色是一种容易博得好感的色彩，如图1-20所示。

图1-20

橙色与同类色、邻近色搭配，色感温暖舒适。

橙色与补色、对比色搭配，则会产生干净整洁的效果。

3．黄色

纯黄是反光最强烈的颜色，散发着动感活力、活泼开朗的气息。同时还给人以冷漠、高傲、敏感，具有扩张和不安宁的视觉印象。黄色是各种色彩中最为娇气的一种颜色，只要在纯黄色中混入少量的其他色彩，其色相和色性均会发生较大程度的变化，如图1-21所示。

图1-21

黄色与同类色搭配，色调明快、奔放，能够展现其愉悦的个性。

黄色与对比色搭配，能营造出一种清灵秀气的效果。

4．绿色

黄绿色，兼具黄色的知性和自然感，仿佛春雨后的小草，清新中散发着勃勃生机，带给人无限希望。纯绿，位于光谱中间的绿色是一种表现和平友好的平衡色。传达着希望、健康、和谐的态度。同时它是一种治愈系的色彩，能纾解压力、抚慰心灵，让人们有充沛的精力和奋发的精神去迎接各种挑战。蓝绿色，兼具蓝、绿两种色彩特性的色相中，蓝色显得更为浓厚，所以蓝色的洁净感更为强烈。蓝绿色有很强的存在感，突显蓝色的清爽感，如图1-22所示。

图1-22

黄绿色与浅色调的冷色彩搭配，显得统一和谐，会带来与自然相通的联想。

黄绿色与对比色搭配，给人轻松欢快的感觉；使用绿色系进行色相渐变组合，为画面增添了一丝清新自然的感觉。

纯绿色搭配色调明亮的色彩，突显绿色的新鲜活力，给人清新舒爽的感觉。

纯绿色搭配白色和淡紫色，给人乖巧伶俐的印象。

蓝绿色搭配高明度的浅色系色彩，可以表现出清凉、整洁的效果。

蓝绿色搭配明度低的色彩，可以表现出精神和知性。

蓝绿色搭配紫色，可以增加蓝色的深远和静谧。

5．蓝色

纯蓝，冷静而且知性，意味着沟通与和平。会令人联想到海空无限延伸的那种开发、深远的感觉，让人产生信赖的同时还具有动悉人心的力量，如图1-23所示。

图1-23

蓝色与黑色搭配，给人沉重、悲伤、压抑的感觉。

蓝色与深品红搭配表现欢快热闹的气氛。

蓝色与纯度低的同系色彩搭配，可以表现出流水般清透、澄澈的感觉。

6．紫色

紫色，混合了红色的力量与热情、蓝色的冷静与智慧，兼具两种相反的色彩特质，有着不可思议的魅力。紫色象征着高贵、神秘，有意味着高度精神性的“灵性之色”；富于表现女性的浪漫、优雅、多愁善感，能突出高品位的时尚感，如图1-24所示。

图1-24

紫色搭配高纯度的暖色，可以表现出华丽和刺激的感觉。

紫色搭配白色，可使紫色沉闷的性格消失，变得优雅、娇气，并充满女性的魅力。

7．黑、白、灰

黑色与白色是对色彩的最后抽象，代表色彩世界的阴极和阳极。黑白所具有的抽象表现力以及神秘感，似乎能超越任何色彩的深度。黑白两色是极端对立的颜色，然而有时候又令人们感到他们之间有着令人难以言状的共性。灰色是彻底的中性色，依靠邻近的色彩获得生命，灰色一旦靠近鲜艳的暖色，就会显出冷静的品性；若靠近冷色，则变成温和的暖灰色，如图1-25所示。

图1-25