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

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

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

一 網(wǎng)頁(yè)設(shè)計(jì)色彩運(yùn)用原則

（1）色彩功能的合理性

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn)

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

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

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

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