網頁設計中的色彩搭配

李愛國

（陜西工業職業技術學院，陜西 咸陽 712000）

網頁是色彩應用的一個新領域，當代網頁設計者不僅要掌握基本的網頁制作技術，還需要掌握網頁的配色藝術。了解色彩學的基礎知識，掌握網頁色彩的搭配原則，有助于我們在設計實踐中更理性地運用色彩，提高網頁設計效率。

1 色彩基礎知識

（1）原色、間色、復色。我們所見的各種色彩都是由三種色光或三種顏色組成，而他們本身不能再拆出其他顏色成份，所以被稱為三原色。因為計算機顯示器是基于R G B模式來顯示顏色的，所以我們采用色光三原色的說法，原色為：紅、綠、藍。在網頁設計中的h t m l語言的色彩表達就是用這三種顏色的數值表示。如藍色R G B（0，0，255），十六進制表示方法為（#0000 F F），我們在網頁代碼中看到語句”b g c o l o r=#0000 F F”，指的是把網頁背景色設置為藍色。間色指由任意兩個原色混合后的顏色，那么三個原色就可以混合出三種間色。如紅和綠色混合后的間色為黃色，綠和藍混合后的顏色為青色，藍和紅混合后的顏色為品紅。

復色是指三次色，由兩種間色或由原色與間色調和而成的顏色。如橙色、黃綠色等。

（2）色彩三要素。色相、純度和明度是色彩的三要素。色相就是色彩的相貌，用以區別各種色彩類別名稱；純度就是色彩的純凈程度，類似于酒的純度，酒精中加水越多純度越低。明度即色彩的明亮程度，體現了顏色的明暗程度。它們是評價色彩的主要因素。在實際配色應用中需要綜合考慮三要素間的關系。在網頁設計中明度運用很普遍，如購物類、兒童類等網站常采用一些明度高的色彩，以突出活潑明快感覺，而游戲類網站則采用低沉的色調。

2 色彩應用

在設計網頁時，我們要重視色彩的應用，當我們進入一個網站時，首先映入眼簾的是網站的色彩，各種色彩給人的感覺是不同的，因此設計者在設計網頁時要使色彩與網站主題相符。一般情況下，色彩給人的感覺和應用情況如下：

紅色視覺沖擊力強，容易引起人的注意，也容易使人興奮、激動、緊張、沖動、還是一種容易造成人視覺疲勞的色。近年來以紅色為主色的網站逐漸增多。可口可樂在中國的網站很有中國特色，采用喜慶的紅色，充滿激情與活力，紅色宜與淺黃色匹配，不適合與綠色、深藍色搭配。

橙色充滿活力，給人健康的感覺，是人們普遍喜愛的顏色。應用于網站給人一種晴朗新鮮的感覺，也常用在食品飲料網站中。橙色不能與紫色、深藍色搭配。因為橙色可以提高厭食者的食欲，所以橙色常用在食品飲料類網站中。

黃色燦爛輝煌，給人以光明、活潑輕快的感覺。它在網站中應用廣泛，經常與綠色、藍色、紫色搭配。

綠色會讓人聯想到大自然，象征健康與希望。經常用于與健康相關的站點、教育類、環境類站點。淺綠與黑色相配，深綠不能與深紅、紫紅搭配。如主色調為綠色的飲料網站，給人清新、自然的感覺。

青色在色環上介于藍色與綠色之間，給人的心理感覺基本與綠色相同，但比綠色稍顯冷靜。經常應用在知識、教育類網站。如主色調為青色的教育網站，給人睿智、清秀的感覺，突出知識文化品味。

藍色會讓人聯想起天空和海洋，表現和平、淡雅、潔凈、可靠等多種感覺。藍色在網頁設計中運用廣泛，常用于科技、知識、計算機、企業等多種類型的網站中。淺藍色可以與黑色搭配，深藍色不能與深紅、紫紅、棕色搭配。

紫色在有彩色中明度最低，給人神秘高貴的感覺。通常用于以女性為對象或藝術類網站中。紫色不容易與其他顏色搭配，但可以加入白色，形成優美柔和的顏色。如主色調為紫色的化妝品網站，給人高貴、典雅的感覺。

黑色給人沉悶壓抑的感覺，一般與明度高的色彩搭配使用。白色給人純潔、高雅感覺，通常與其他顏色搭配，構成明快的對比調和關系。灰色具有柔和、高雅的意象，常用于高科技產品網站中。黑、白、灰在色彩配色中占有相當重要的地位。黑、白、灰活躍在各種配色中，改變對方的明度、純度與色相，產生出多層次的優美色彩，是決不可忽視的無彩色。

3 網頁設計中色彩的基本原則

設計網頁時除了考慮網頁的版面布局，還要合理的運用色彩的搭配原則，遵循一定的藝術規律。

（1）整體性原則。網頁上各部分色彩都有自己的角色，主色、輔色、點睛色、背景色一起組成和諧統一的色彩關系。對網頁內容進行合理有效的視覺編排，使瀏覽者有一種全身心的享受和共鳴。主色調主要用于網站的標志、標題、主菜單和主色塊，給人以整體統一的感覺。輔色只是作為點綴和襯托。例如：IBM公司的網站界面都是以藍色為主要色調，其余色彩使用必須考慮和藍色搭配協調，起到輔助作用。

（2）適用性原則。根據網站類型選擇合適的色彩，使內容與形式相統一，網頁設計所追求的形式美，必須適合主題的需要，美的形式也可以更好地體現主題[2]，為主題服務。例如與牙齒清潔相關的網站，運用藍色主色調，給人清新健康的感覺，適用于網站主題。

（3）獨特性原則。網頁設計要有獨特的個性，讓色彩的獨特性充分發揮魅力，在同類網站中脫穎而出,給瀏覽者留下深刻的印象，要在遵循整體性和適用性的基礎上進行。

總之，色彩搭配既是一項技術性工作，也是一項藝術性很強的工作，要想設計出精美的網頁，還需要在實踐中長期摸索。

[1]李翔宇.淺析網頁設計中的色彩搭配[J].長沙民政職業技術學院學報，2004，11（3）:69.

[2]王海燕.張正凱.任建浩.從審美角度淺談網頁藝術設計[J].中國電化教育，2003，（212）:70.

[3]葉蓓.網頁色彩搭配的設計藝術[J].計算機與網絡，2004，（10）:43.