我們生活在一個充滿著色彩的世界，信息時代的網絡世界，也應該是充滿色彩的。人們在瀏覽網頁時，不再滿足于簡單的文字與圖片，他們在快速獲取信息的同時，對網頁的視覺效果也提出了更高的要求。因此，網頁設計者在掌握了基本的網站制作技術后，還要具備色彩搭配等方面的設計藝術素養。其中色彩在網頁設計中占據相當重要的地位。

 

不同的色彩，具有不同的象征意義。不同的色彩，在人們的視覺心理方面可以造成不同的感覺，如紅色熱烈、積極、溫暖，黃色燦爛、明快，綠色健康、閑逸、寧靜，藍色深沉，橙色活潑，紫色艷麗，褐色古典，灰色柔和高雅，白色純潔，黑色高貴、穩重。另外，色彩還有具有民族性，各個民族由于環境、文化、傳統等因素的影響，對于色彩的喜好也存在著較大的差異。在網頁設計中，充分運用色彩的這些特性，可以使網頁具有深刻的藝術內涵，從而提升整個網站的文化品位。

色彩的基本概念自然界中的顏色有千百萬種之多，我們如何去描述它們呢？一片樹林就具有許多深淺不同的綠色，深綠、淺綠、黃綠等。甚至可能發生同一種色彩，由于不同的人觀察的光線和視覺的差異而進行了不同的描述。這樣描述顏色豈不是非常混亂嗎？因此為了研究色彩，1931 年國際照明委員會(CIE)對色彩的描述進行了規定。 根據 CIE 的規定，任何一種色彩都具有 3 個要素：色相、飽和度和明度(或亮度)。實際上這種描述方式是基于人對色彩的感覺而定的。

 

色相，也叫色調。是一種色彩區別于另一種色彩的最主要的因素。色相是各種顏色的具體色彩面貌，是顏色的特征。 紅橙黃綠青藍紫，這就是我們在日常生活中給色相所定義的名稱，就如每個人都有個名字，如圖 1 所示。同一色相的色彩，如淺黃、中黃、土黃，改變它們的飽和度和明度，搭配起來會非常協調。圖 1 色相圖明度，也叫亮度，是顏色的明暗深淺程度。當

 

明度很高時，顏色是白色，當明度很低時，則接近黑色，如圖2 所示。 一般在表現喜悅歡快、活潑明朗的主題時，可以運用明度較高的色彩，如一些購物網站、女性時尚類網站。 而表現嚴肅緊張、憂郁沉重的主題時，色彩的明度宜低；有時候為了表現神秘感，如一些游戲類網站，也會使用一些明度低、暗沉的色彩。圖2 色彩的明度對比飽和度，有時也稱彩度或純度，是指顏色的強度或純度，簡單地說就是色彩的鮮艷程度。當飽和度下降時，顏色逐漸變灰暗。

 

色彩的象征意義各種不同的色彩讓我們聯想到什么？生活中，色彩是具有感情色彩和象征意義的。比如在京劇臉譜中，紅色代表忠誠，白色代表奸險，黑色代表剛直，黃色代表干練，藍色代表桀驁，綠色代表兇狠等等。色彩所象征的意義還和民族文化、政治、宗教、神話或社會結構等密切相關。 在不同的時代，不同的國家或地區，色彩的象征意義也會有差異。

 

在進行網頁設計時，設計者要事先了解同一顏色在不同文化背景下，所代表的不同感情色彩和象征意義，以免產生南轅北轍，甚至負面的效果。另外，大部分的顏色同時具有正面和負面的聯想，如紅色象征熱情、光明、喜慶，同時也象征暴力、危險和警戒；藍色象征理智、純潔與寧靜，同時也象征憂郁、悲傷與凄涼；黑色象征莊嚴、肅穆與威武，也象征死亡、黑暗與罪惡。我們可以通過調節色彩的明度和飽和度，來減弱或突出強調其在某一方面引起的聯想或代表的含義。

 

網頁設計中的色彩運用

1確定網頁主色調

根據網頁類型以及所要傳達的信息來確定色彩。如政府機構類的網頁強調沉穩、大方，大多選擇冷色系、柔和的顏色，如綠色、藍色或灰色。而

 

一個購物類網頁或是兒童類網頁，為了體現商品的琳瑯滿目和活潑、溫馨的效果，可以選擇黃色，橙色，紅色等色彩。 一些高科技、游戲類網頁，可以運用綠色、藍色、藍紫色等表達嚴肅、穩重、神秘效果的色彩。

 

此外，根據研究顯示，色彩能夠引起人類生理上的某種反應。在網頁設計中，設計者要利用色彩這一特性去傳達和強化網頁所要訴求的信息，避免運用不恰當的色彩而起到相反的效果。例如，大面積的紅色讓人聯想到火熱、熱烈，給人的視覺感受非常刺激、強烈，會使人心跳加速、呼吸急促。 所以，紅色不適于用作背景顏色，在需要引起注意和強調的時候，適當點綴即可。藍色雖然可以使我們的神經系統放松，但是如果網頁內容和食物有關，運用藍色作為主色調，會起到適得其反的效果，這是由于藍色會產生抑制食欲的生理反應。

 

2 色彩運用要均衡單一的運用一種顏色，讓人感覺單調、乏味；但是色彩運用的種類過多，讓人感覺輕浮、花俏。

 

網頁給人的視覺效果協調、舒適，文字、圖片等內容的合理排版是一方面，色彩的均衡運用也是相當重要的另一方面，網頁設計者必須要考慮到如何使色彩的運用達到均衡，包括色彩的選擇，每種色彩所占比例，色彩的排列分布等等。均衡的色彩搭配讓人感覺舒適，不刺眼。

 

因此，當所設計網頁的主色調確定以后，要考慮其它配色與主色調的主次關系，所占比例甚至排列分布等因素。根據要傳達給受眾的信息，希望體現的效果等設計目的來確定其它配色及其位置、所占比例等。一般情況下，鮮艷明亮的色彩所占比例應該小一點，可以在網頁的局部采用少量小面積的對比色以達到豐富頁面的效果。需要注意的是，整個網頁的色彩最好控制在 3 個顏色之內，色彩太多會讓人感覺網頁沒有主題，缺少側重點。

 

3適當運用黑白灰黑白灰屬于非彩色，是萬能色，可以跟任意一種色彩搭配。

 

在網頁設計中，設計者可能會遇到無論如何搭配顏色，都不能將幾種顏色協調的情況，這時，可以嘗試加入黑色或者灰色，會起到調和的作用。

 

一些色彩明度較高的網頁，配以黑色，可以適當地降低其明度，使之視覺上更加舒適。

 

白色是網頁設計當中運用比較普遍的一種顏色，設計者借鑒了傳統中國畫中的留白藝術，把大塊的白色空間作為網頁的一個組成部分，給受眾留下一個遐想的空間，令人回味。設計類網站或藝術性較強的網站會較多地運用留白藝術。恰

 

當的留白對于協調和均衡頁面色彩可以起到相當大的作用。