網(wǎng)頁設(shè)計中的色彩運用研究

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

關(guān)鍵詞：網(wǎng)頁；色彩

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

一 網(wǎng)頁設(shè)計色彩運用原則

（1）色彩功能的合理性

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

在網(wǎng)頁色彩的細(xì)節(jié)設(shè)計上，網(wǎng)頁底色與文字及圖片顏色的關(guān)系應(yīng)該和諧，既要強(qiáng)調(diào)對比性，以突出視覺效果；又要防止過度對比，引起審美疲勞。

（2）色彩效果的統(tǒng)一性

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

（3）色彩風(fēng)格的獨特性

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

二 常用網(wǎng)頁配色方案

（1）同類色配色應(yīng)用

同類色指色相性質(zhì)相同，但色度有深淺之分的色彩。同類色配色常見于一些技術(shù)性、專業(yè)性的網(wǎng)站，可以使頁面統(tǒng)一、合理、有層次同時具有強(qiáng)烈的理性和邏輯關(guān)系。比如北京奔馳公司網(wǎng)站首頁設(shè)計（圖3），采用藍(lán)色調(diào)，與奔馳品牌傳遞的價值理念相符，顯得高貴、理性、卓爾不凡。

（2）鄰近色配色應(yīng)用

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

（3）對比色配色應(yīng)用

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

總之，網(wǎng)頁設(shè)計色彩搭配要實現(xiàn)形式和功能的統(tǒng)一，能體現(xiàn)網(wǎng)頁的主題，快速傳遞網(wǎng)頁信息，符合瀏覽者的審美習(xí)慣，這樣才能提高網(wǎng)頁的點擊率，提升企業(yè)和網(wǎng)站的知名度。

參考文獻(xiàn)

[1] 沈法.工業(yè)設(shè)計-產(chǎn)品色彩設(shè)計[M].中國輕工業(yè)出版社.2009.07

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

[3] 李春微.色彩在現(xiàn)代城市幼兒園環(huán)境設(shè)計中的應(yīng)用研究[D].東北師范大學(xué) 2007.

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