網頁設計中的色彩運用研究

摘要：本文主要對網頁設計中的色彩應用進行了研究。重點探討了網頁設計色彩應用原則、常用網頁配色方案兩方面；提供了對網頁設計中色彩選取的原則以及實用的配色方案，為進行合理網頁色彩設計提供了參考。

關鍵詞：網頁；色彩

視覺效果是網頁設計中最為重要的要素，而色彩設計又是視覺效果中非常關鍵的一環。網頁色彩搭配的好壞與否不僅影響著網頁的感官效果，直接決定訪問者的審美體驗，而且對于網頁使用的方便與否起到直接的作用，更為甚者，對于一個品牌而言，網頁的色彩是樹立、鞏固、強化品牌形象的關鍵。

一 網頁設計色彩運用原則

（1）色彩功能的合理性

網頁設計的首要功能是傳遞信息：企業或者網站通過網頁將公司的信息、品牌等傳遞給訪問者；訪問者能夠方便、快捷地從網頁中獲得所需信息。因此，網頁的色彩首先要利于信息的傳播。首先整體的網頁顏色應該根據網站的性質和網頁的內容來確定顏色，顏色應該符合網頁所要傳遞的實質內容。比如根據瀏覽者的性別而定，男性瀏覽者較多的網頁應該采用理性、平和及大氣的色彩，避免過于鮮艷；而女性瀏覽者較多的網頁則要根據女性的天性，采用漂亮、多彩的色調，以吸引女性的注意（如圖1）；同樣的以女性為受眾對象，10-20的女性則更為偏愛對比度更為強烈、色彩更為絢麗的網頁，而成熟女性則在愛美同時更為偏向理性的彩色系。

在網頁色彩的細節設計上，網頁底色與文字及圖片顏色的關系應該和諧，既要強調對比性，以突出視覺效果；又要防止過度對比，引起審美疲勞。

（2）色彩效果的統一性

網頁設計應該具有統一的色系。這是有上文提到的網頁的功能決定的，也是由瀏覽者的審美體驗決定的。網頁的色系是瀏覽者整體的視覺感受，除了兒童類網站運用多彩的卡通色系外，其他的網站盡量避免使用兩種以上的色系。統一的色系能夠更好地突出網頁的主題，在視覺形象上顯得簡潔大方，是網頁看起來美觀，同時能讓瀏覽者者不易產生視覺上的混淆，增加瀏覽者的易讀性。（如圖2）

（3）色彩風格的獨特性

不同的色彩能帶來不同的心理體驗，比如紅色的波長最長，穿透力強，感知度高，易使人聯感覺溫暖、興奮、活潑、熱情、幸福等向上的傾向，同時也被認為是幼稚 、原始、暴力、危險、卑俗的象征；與紅色相反，藍色是典型的寒色，表示沉靜、冷淡、理智、高深、透明等含義，隨著人類對太空事業的不斷開發，它又有了象征高科技的強烈現代感。其他的顏色都各自獨特的心理屬性。在設計網站時，應充分利用好顏色獨特的心理屬性，通過色彩模塊為網頁設計服務。

二 常用網頁配色方案

（1）同類色配色應用

同類色指色相性質相同，但色度有深淺之分的色彩。同類色配色常見于一些技術性、專業性的網站，可以使頁面統一、合理、有層次同時具有強烈的理性和邏輯關系。比如北京奔馳公司網站首頁設計（圖3），采用藍色調，與奔馳品牌傳遞的價值理念相符，顯得高貴、理性、卓爾不凡。

（2）鄰近色配色應用

所謂鄰近色，就是在色帶上相鄰近的顏色，例如綠色和藍色，紅色和黃色就互為鄰近色。 鄰近色之間往往是你中有我，我中有你。在實際設計中，先選定一種色彩，然后選在其在色譜中相鄰區域的顏色，這樣的搭配可以避免過度使用同類色所引起的單調、呆板，使畫面更為富有層次感，同時也能避免過多使用其他彩色系所造成的花俏。這是網頁設計中最常使用的配色方案之一。如圖4所示網頁以青色為主，配合了相鄰的藍色和綠色，使網頁具有一定的層次感，又避免了視覺效果的大起大落。

（3）對比色配色應用

在色相環中每一個顏色對面的顏色，稱為對比色.把對比色放在一起，會給人強烈的排斥感。兩種可以明顯區分的色彩，也可以叫對比色。包括色相對比、明度對比、飽和度對比、冷暖對比、補色對比、色彩和消色的對比等。是構成明顯色彩效果的重要手段，也是賦予色彩以表現力的重要方法。在使用的通常做法是以一種顏色為主調，占有較大比例的色塊面積，同時輔以對比色，起到點綴的作用。如圖5網頁所示，主色調是橙紅，輔色調是白色和藍色，二者皆和橙紅在形成鮮明的對比。背景確定了網頁的主題風格，而部分圖標和色塊采用白色和藍色，字體也是白藍相間，既起到了點綴作用，也突出了網頁需要重點展示的內容，一舉兩得。對比色的應用應該需要注意的是色彩之間色塊的搭配，需要主次分明，否則不僅不能突出視覺效果，反而會起到弱化的作用。

總之，網頁設計色彩搭配要實現形式和功能的統一，能體現網頁的主題，快速傳遞網頁信息，符合瀏覽者的審美習慣，這樣才能提高網頁的點擊率，提升企業和網站的知名度。

參考文獻

[1] 沈法.工業設計-產品色彩設計[M].中國輕工業出版社.2009.07

[2] 陳林.色彩背后的文化意義[J].美術觀察.2006.

[3] 李春微.色彩在現代城市幼兒園環境設計中的應用研究[D].東北師范大學 2007.

[4] 杜瑩.情感訴求與城市色彩設計的個案研究[D]. 西安建筑科技大學 2009.