网页设计中的色彩应用技巧

董晓芳 （唐山市职业教育中心学前教育系 063200）

网页设计中的色彩应用技巧

董晓芳 （唐山市职业教育中心学前教育系 063200）

网页的色彩效果是给人最为直观的关键印象。能够掌握色彩运用原则、运用强调烘托突出主题的色彩搭配、从美学的角度设计网页色彩，发挥色彩在网页中的视觉冲击、心理反应的作，创造出主题鲜明、魅力十足的网页设计作品。色彩应用得当的网页对浏览者来说，是一种美的体验、是一种妥帖的视觉和心理的引领。在丰富的色彩搭配应用设计中是有章可循的。本文将以案例赏析的视角来阐述色彩的搭配应用技巧。

网页设计；搭配；主题色

优秀的网页作品能够使人印象深刻。除了网页内容丰富、图像精美、技术含量高之外，网页的色彩也十分重要！在网页设计，色彩最重要的一环。当我们打开网页时，首先看到的网页的色彩，随后才关注版式或者是图片以及网页内容。所以根据网站的风格与主题来配色设计，是网站设计的关键所在。

尽管色彩的搭配灵活多变，网页设计的色彩应用也是有章可循的，以下以一些经典网页为例，介绍网页设计中色彩应用技巧。

一、黑白灰的搭配技巧

色彩分有彩色和无彩色。黑白灰属于无彩色，其它的色彩都属于彩色。色相，明度和纯度，是色彩的三要素，而无彩色只有明度属性。黑白灰是万能色，当两种色彩的搭配不协调时，加入黑或灰色，会有意想不到的效果。很多网站色彩设计留出大块的白色空间，这种设计成为“留白艺术”。这种留白设计能让人感觉心情放松，有无限遐想。白色也是网页设计中最普遍的一种色彩设计。

二、色彩三要素的应用技巧

1.色相

色相，指色彩的相貌，色彩最显著的特征，是色彩之间的主要区。比如红色，黄色，蓝色等各自代表不同的色相。同一色相的色彩，调整明度或纯度比较容易搭配，比如深红，大红，粉红，紫红。色彩在有丰富的感情和象征含义，比如白色联想白雪、棉花、白糖，联想到纯洁，干净，神圣、明快、虚无等；红色让人联想到玫瑰、太阳、热血、红旗、红灯，联想到喜庆，兴奋、革命、危险等。橙色代表欢快，华丽，收获；紫色象征着女性化，高雅，浪漫；蓝色象征高科技，稳重，理智、深远；绿色代表了充满青春的活力，舒适，希望等。某种色彩并不一定代表了固定的某种含义，是在具体情景下具有恰当的含义；在特定的场合下，同种色彩也可以表现出不同的含义。

2.明度

明度，指的是色彩的明暗程度，也称作亮度，色彩越亮明度就越高。比如一些儿童类、购物类网站。多是一些鲜艳明亮的色彩设计，让人感觉生气勃勃，欢快绚丽。明度越低，颜色越暗。一些游戏类网站的暗色调设计，充满了神秘感；运用一些暗色调的设计能够充分表达个人的孤僻或忧郁等性格。有明度差大的色彩比较容易调和。

3.纯度

纯度，指色彩的鲜艳程度，原色纯度最高，调和其他颜色越多，色彩纯度越低。纯度低的色彩暗、淡且含灰色。

三、色彩的调和方法

1.相近色

相近色是指色环中相邻的三种颜色。相近色在网站设计中极为常用。相近色的色彩搭配使人感觉舒适自然。

图1是一个SOHO网站，它很有艺术性，整个网站的色调考究，以邻近色、暖调、中明度搭配，舒适自然。

图1 很具艺术性的SOHO网站

2.互补色

互补色又称补色，是指色环中相对的两种色彩，色彩对比度大。在互补色的设计中，适当的调整一下补色的亮度，能够是对比的视觉效果更出色。

图2是国际足联（www. fifa.com）的首页设计，该站点以黄蓝对比，画面醒目而充满活力。

图2 国际足联的首页设计

四、网页设计中冷暖色彩的运用技巧

1.暖色

暖色一般应用于购物类网站，电子商务网站，儿童类网站等等，用以体现商品的琳琅满目，儿童类网站的活泼、温馨等效果。

2.冷色

冷色一般适合表达严肃，稳重等效果，绿色蓝色、蓝紫色等都属于冷色系列。冷色系色调多应用于一些高科技，游戏类网站。冷色与白色搭配能达到一种不错的效果。

五、色彩均衡技巧

网站图文的合理排版，能使人感到舒适协调，色彩的均衡搭配使网站的视觉、心理更加平衡和谐。网站色彩设计不会单一的运用某一种颜色，设计者必须要考虑色彩的均衡的问题。色彩的均衡，包括色彩的位置，每种色彩所占的面积、不同色彩的比例等等。比如灰暗的色彩面积过多，回事人产生压抑等感觉；鲜艳明亮的色彩面积如果过多，则会使人感觉刺眼不舒适。

六、确定网站的主题色

网站鲜明独特的主题色，让客户即目标明确，也兴致盎然。网站设计者必须考虑主题色的确定。网页选用的色彩尽量控制在4种左右，太多的色彩会让人感觉凌乱混沌、不能突出主题特色。确定好主题色，配色与主题色搭配必须能够有助于烘托主题。另外确定明度，纯度、色相那种要素占主导。

色彩为网站内容服务，必须与网站的主题以及气氛相适应，色彩的搭配不仅仅是单纯的运用，必须考虑诸多因素，例如，了解你的网站所要传达的讯息和品牌，明确网站的职能；了解你的读者群，掌握访问者的类别、社会背景、心理需求和场合的差异等，社会背景不同，目的不同，往往会对色彩的感受也不同，因此网站的用色必须尽可能的吸引各种的注意力。好的网页配色并不是漂亮色彩的罗列，是需要根据网站的整体构思进行协调搭配，才是最为恰当色彩。尽管作品内容、设计方向、制作手法各有所异，但始终遵循的设计法则是不变的，网页设计的色彩永远是值得探索和尝试的区域，但切记：网页设计的秘诀之一就是巧妙的色彩设计！

结语

色彩的搭配数之不尽，设计者不能机械按照某些配色法则搭配设计色彩方案。在确定主题涵义的基础上，依据网页风格来确定主色调，劲儿完善整个页面的配色方案，达到和谐悦目的视觉整体感。

[1]王欣，王鑫.色彩构成[M].湖北美术出版社， 2005.

[2]张建辛.构成[M].高等教育出版社 1998.

[3]王欣，王鑫.色彩构成[M].湖北美术出版社， 2005.

[4]赵鹏飞.网页—视觉与设计 [J].艺术与设计，2001（02）.

董晓芳（1974-8），女，汉族，河北省唐山市人，硕士，讲师，主要从事美术教学。