淺談網頁設計中的色彩應用

摘要:本文闡述了色彩的基礎知識、色彩的搭配以及網頁主題色的選取三個方面內容。結合相關實例，分析網頁的色彩對瀏覽者的視覺所產生的影響，提出了色彩搭配和色彩選取的一些建議。

關鍵詞:網頁設計;色彩應用:色彩搭配;主題色

中圖分類號:TP393

文獻標識碼:A

文章編號:1002-2422(2010)06-0042-02

1 色彩的基本知識

任何一種彩色都具備三個屬性:

色相即指色彩的相貌。是一種顏色區別于另一種顏色的表相特征。比如說紅色、黃色、藍色都代表不同的色相，表示顏色自身的獨特性質，是色彩中最基本、最重要的屬性。

明度是指色彩在視覺上的明暗程度，也稱之為亮度。明度越高，色彩越亮;明度越低，色彩越暗。

純度是指顏色本身的純凈程度，又叫飽和度。純度越高，色相表現越明顯，色彩越鮮艷、活躍、刺激;純度越低，色相表現越模糊，色彩越渾濁、穩重、平淡、柔和。

2 網頁色彩的使用原則

(1)色彩的藝術性。凡是經過設計的色彩都具有某種程度的藝術性。既符合實用要求，又遵循美學原則。和諧統一，均衡布局，重點突出是網頁設計的原則。一般來說，不同的色彩進行搭配組合，通過藝術手段的處理最終形成一個藝術性強且能夠吸引人和感染人的網頁頁面。

(2)色彩的鮮明性。網頁的色彩要鮮艷，容易吸引瀏覽者的注意力。

(3)色彩的獨特性。網頁色彩的選擇與搭配要與眾不同，這樣才能給讀者留下的印象深刻。

(4)色彩的聯想性。不同的色彩會使人產生不同的聯想。白色使人想到雪花，黑色使人想到黑夜。藍色使人想到天空和大海等。在網頁設計時，選擇合適的主題以及相關的色彩，可以使網站流露出別樣的氣息。

不同的瀏覽人群;不同的社會背景;不同的受教程度;不同的心理需求，有著不同的鑒賞觀點。鮮艷紅色的政府機關網站體現其莊嚴肅穆;悠悠綠色的農林網站給人一種生機勃發的感覺;淡淡的粉色多體現女性的柔美之氣……這些都是過去時，是經典。隨著科學技術的發展，設計理念的轉變。在互聯網這個大環境下，不乏設計獨特且色彩運用別具匠心的網站。如:以灰色為主色調的奧迪公司網站，既能體現高雅大方的氣質，也不失金屬本身的質感，和諧統一。

3 網頁色彩搭配的技巧

3.1 鄰近色的應用

鄰近色:色環中兩種相鄰近的色彩。例如綠色和藍色、紅色和橙色就互為鄰近色。采用鄰近色的作用可以使網頁避免色彩雜亂，易于達到頁面的和諧統一。

3.2 互補色的應用

互補色:色環中兩種相對的色彩。例如紅色和綠色、紫色和黃色、藍色和橙色互為互補色。互補色可以突出重點，增強畫面的對比，產生強烈的視覺效果。 在網頁設計時，一般以一種顏色為主色調，適當加以互補色作為點綴、可以起到畫龍點睛的作用。

3.3 黑白色與其它色彩的應用

一般紙質印刷型文獻很少使用大面積的黑色。在網頁設計中以黑色為底色的網站并不少見，尤其是一些游戲宣傳網站。在RGB的色彩模式中，黑色和白色象征著透明，很容易與其他顏色相協調，制作出風格新穎的網頁。彩色的頁面比黑白的頁面更吸引人。研究表明，人對彩色的注意力和記憶效果比單一顏色要好，彩色的記憶效果是黑白的3.5倍。在一般情況下，網頁的配色不要太復雜。盡量控制在同色系或鄰近色系，避免由于色彩過多而導致頁面顏色的繁亂。背景和文字的色彩對比可以強烈一些，以突出重要的文字內容。

3.4 色彩的心理感覺

不同的顏色給予瀏覽者不同的心理感受。紅、橙、黃等暖色給人一種溫暖，熱情的感覺;藍、綠、青等冷色則會給人一種陰涼、寒冷的感覺，通過調整色彩的飽和度和透明度，把色彩的明、暗色有機的配合起來。這樣的頁面看起來既色彩統一，又富有層次感。

色彩的輕重感。明度高的色彩讓人感覺輕，明度低的色彩讓人感覺重。在明度相同的條件下，冷色一般比暖色感覺略輕。在網頁色彩設計時，冷色用在網頁上部，暖色則用于下部，這樣比較符合人們的視覺習慣。

色彩具有收縮感與膨脹感。如肥胖的人穿著暗色系的衣服，就不會顯得過于臃腫;而消瘦的人穿淺色系的衣服，就不會顯得過于瘦小，這就是色彩的收縮色與膨脹色在起作用。一般來說，明度高的色彩有膨脹感，明度低的色彩有收縮感。

色彩的象征意義:如綠色、紅色、金黃色、雪白色分別象征著春、夏、秋、冬四季。每一種色彩都具有各自的情感效果和象征意義:紅色代表熱情、溫暖、幸福，容易讓人聯系到火焰和喜慶:綠色代表新鮮、平靜、柔和，會使人充滿青春、活力和希望;藍色代表深遠、沉靜、寒冷，藍色性格樸實而內向，象征高新科技的發展和智慧的結晶;紫色代表高貴、浪漫、魅力，在紫色中加入白色，可使其變得優雅、嬌氣，并且充滿女性的魅力;白色代表純潔、純真、樸素、神圣，白色具有圣潔的不容侵犯性。如果在白色中加入其他任何顏色，都會影響其純潔性，使其性格變的含蓄;灰色代表憂郁、平凡、沉默、寂寞。屬于中間性格，男女皆能接受，所以灰色也是永遠流行顏色。

4 網站主題色彩的選擇

色彩是烘托主題的最有效的要素，網頁的色彩應用沒有固定的模式，色彩的選擇搭配要根據網頁的內容和主題以及大眾的欣賞習慣來確定。作為網頁設計者來說，要根據瀏覽者的類型、社會背景、心理需求等來選擇網頁的色彩主題色與輔助色，做到有針對性的用色，所選的色彩與網頁所表達的信息相符合，與傳達的精神相統一。

國內外著名的rI'企業IBM和聯想公司的網站采用藍色為主色調，藍色代表海洋的顏色，富有一定的現代氣息，主題色已經與企業的文化融為一體，同時也象征著企業的形象。一般農林業、教育類網站常使用綠色，來表達希望與活力給人一種信任感和健康的感覺;如文學網站就多可采用灰色系來營造優雅浪漫的色彩風格，體現作者創作的意境。假設把微軟網頁中的藍色與可口可樂網頁中的紅色互換。企業的形象和特色就會變得模糊不清，失去感染力。因此，選擇與主題和企業形象相符的色彩是網頁色彩設計的基礎。

網站的主題色彩一方面體現網站自身的特點，另一方面展示網站的形象。一般來說，網站的主色調只能是一種，以此色彩為標準，調整其明度的變化從而產生不同的效果。主題色彩要應用于網站的各個部分:頁眉、圖片、多媒體和頁腳，頁眉是網站主題的表現，是網站設計的關鍵，圖片和多媒體是網頁構成的兩大重要元素，其色調應該與整個網站的色彩相協調，給人以整體統一的感覺。

5 結束語

網頁的設計是綜合性的，不僅僅是簡單的二維平面設計，還包括三維動畫的設計和影音特效的設計。網頁的設計所涉及的范圍也非常廣泛:心理學、社會學、美學、哲學、平面設計、色彩構成等諸多因素。作為網頁設計者，不僅要了解色彩的重要性，更要利用色彩，創作出既規范合理又富有藝術文化內涵的網頁。

參考文獻

[1]達非.網頁藝術設計與裝修教程.北京:北京希望電子出版社，2000.

[2]張帆，羅琦，宮曉東.網頁界面設計藝術教程[M].北京:人民郵電出版社，2002.

[3]董海斌，王家民，陳鵬.網頁界面中的色彩設計[J].沈陽:藝術大觀，2007(11).

[4]王楠，李嶺松.網站設計教程與上機指導[M].北京:清華大學出版社，2006.

[5]王慶斌，張福昌.現代網頁色彩設計[J].無錫:無錫輕工大學學報(社會科學版)，2001(2).