王　萍

[摘要]在網(wǎng)頁設(shè)計(jì)中，色彩有著不可或缺的重要地位。提出色彩運(yùn)用應(yīng)注意的原則、色彩搭配的建議，從美學(xué)角度探討色彩在網(wǎng)頁設(shè)計(jì)中的運(yùn)用，以發(fā)揮色彩在網(wǎng)頁中的視覺沖擊作用，以高超的配色技巧大膽創(chuàng)新，創(chuàng)造出更時(shí)尚、更具吸引力的網(wǎng)頁設(shè)計(jì)作品。

[關(guān)鍵詞]網(wǎng)頁設(shè)計(jì) 色彩 色彩搭配 視覺效果

中圖分類號(hào)：TP3 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1671-7597（2009）0110124-01

色彩是藝術(shù)設(shè)計(jì)中重要的視覺元素之一，好的色彩搭配能夠給人以強(qiáng)烈的視覺沖擊力和藝術(shù)感染力，留下深刻的印象。

繼書籍、報(bào)刊、廣播、電視等媒體，網(wǎng)絡(luò)成為新型傳播信息的載體。在網(wǎng)頁設(shè)計(jì)中也不例外，除文字、圖像、版式設(shè)計(jì)、聲音等元素外，色彩設(shè)計(jì)貫穿于以上各個(gè)元素之中，是不可或缺的重要元素。網(wǎng)頁設(shè)計(jì)中色彩搭配肩負(fù)著瀏覽者是否有興趣深入了解和閱讀的重要任務(wù)。

一、網(wǎng)頁色彩搭配作用

（一）突出主題：設(shè)計(jì)師可以利用色彩自身的表現(xiàn)力和情感，通過“色彩”這一無聲的語言告訴讀者所要表達(dá)的主題，使網(wǎng)頁形式與內(nèi)容相得益彰，體現(xiàn)網(wǎng)站特色和風(fēng)格，突出主題。

（二）劃分區(qū)域：網(wǎng)頁內(nèi)容豐富、信息量大、種類繁雜，設(shè)計(jì)者可以通過不同的色彩進(jìn)行網(wǎng)頁界面的視覺區(qū)域劃分，按其功能、種類進(jìn)行網(wǎng)頁信息的分類劃分，使網(wǎng)頁有良好的易讀性和視覺導(dǎo)向性。利用網(wǎng)頁的色彩設(shè)計(jì)，可以給瀏覽者留下有序、完整的視覺印象。

（三）吸引視線：“遠(yuǎn)看色彩近看花，先看顏色后看花，七分顏色三分花”，打開網(wǎng)站首先吸引瀏覽者的并不是漂亮的版式、有價(jià)值內(nèi)容，而是整個(gè)網(wǎng)頁的色彩設(shè)計(jì)，因此，網(wǎng)頁的色彩搭配不但可以留下深刻印象而且能夠起到吸引視線的作用。

二、網(wǎng)頁色彩搭配原則

（一）整體性：網(wǎng)頁色彩要保持用色的整體性。同一個(gè)網(wǎng)站的不同頁面能夠大面積或小面積的使用同一色彩，甚至是一個(gè)小標(biāo)志，通過色彩給瀏覽者一個(gè)說明，告知瀏覽者這幾個(gè)頁面之間的聯(lián)系，因而產(chǎn)生韻律、和諧之美。

（二）適應(yīng)性：色彩本身有自己的情感，不同的色彩能夠表達(dá)不同的心理感受，色彩的選擇應(yīng)有針對性，要針對自身的特點(diǎn)，選擇與主題相一致的色彩。

不同的類型的網(wǎng)站選擇不同的色彩，例如教育機(jī)構(gòu)類網(wǎng)站一般選擇冷色系，以藍(lán)色、灰色居多，表達(dá)一種含蓄、睿智，有一種內(nèi)斂的、濃濃的書香氣息；再例如面對大眾服務(wù)的咨詢類、娛樂類、搜索服務(wù)類網(wǎng)站大多以飽和、鮮艷的色彩為主。不同行業(yè)的網(wǎng)站用色也能夠體現(xiàn)其行業(yè)的特征，比如航空航天類網(wǎng)站同樣也是以象征天空的藍(lán)色為背景色；兒童類網(wǎng)站以色彩豐富的鮮艷色彩為主。同樣，網(wǎng)頁的色彩還要迎合瀏覽者的喜好，盡可能的采用符合瀏覽者審美傾向的色彩，以吸引其注意力。

（三）獨(dú)特性：在蕓蕓眾生的互聯(lián)網(wǎng)中，要想給瀏覽者留下深刻印象，能夠脫穎而出，就必須具備與眾不同的色彩設(shè)計(jì)，從而形成自己的風(fēng)格與個(gè)性。在內(nèi)容決定形式的基礎(chǔ)上，對網(wǎng)頁的色彩搭配進(jìn)行大膽的嘗試與創(chuàng)新，使色彩的獨(dú)特性充分發(fā)揮魅力，創(chuàng)造出個(gè)性鮮明的網(wǎng)頁。在一些個(gè)人網(wǎng)站上有時(shí)會(huì)見到采用反差強(qiáng)烈的黑、白兩色搭配的網(wǎng)頁，產(chǎn)生了視覺張力，表達(dá)鮮明的個(gè)性。

三、網(wǎng)頁中色彩的配置

（一）主色與輔色：主體色應(yīng)用在網(wǎng)頁設(shè)計(jì)中，可能是靜態(tài)的結(jié)構(gòu)色彩、背景顏色、表格顏色，也可能是即時(shí)變化的插圖、照片、動(dòng)畫廣告。網(wǎng)頁設(shè)計(jì)的顏色并不是越多越好，如果使用多種顏色會(huì)使整個(gè)頁面變得很“花哨”缺乏內(nèi)在的美感，色彩一般控制在三種以內(nèi)，通過調(diào)整色彩的相關(guān)屬性來產(chǎn)生變化。并且以一種顏色作為主體色彩并配以輔色，主體色彩就是具有行業(yè)特色的顏色。色彩搭配不僅體現(xiàn)著美學(xué)的訴求而且是可以強(qiáng)化的識(shí)別信號(hào)，能夠使瀏覽者加強(qiáng)對企業(yè)形象識(shí)別系統(tǒng)地認(rèn)識(shí)。比如：可口可樂公司以紅色作為其公司的主體色，百事可樂則以藍(lán)色作為其公司的主體色。

（二）色彩的對比調(diào)和

1.運(yùn)用色彩對比，強(qiáng)調(diào)視覺中心，突出主題。通常有明度對比、純度對比、色相對比、冷暖對比、面積對比，其中色相對比是最生動(dòng)、效果最強(qiáng)烈的一種對比。比如：紅色與綠色，黃色與紫色、藍(lán)色與橙色等，色相對比關(guān)系越清晰，視覺效果就越強(qiáng)烈。運(yùn)用對比強(qiáng)調(diào)視覺中心，一般來說，頁面中的導(dǎo)航色彩、靜態(tài)框架色彩比較重要，其次是信息區(qū)的背景色彩以及文字的色彩；如微軟的頁面設(shè)計(jì)就采用了對比比較強(qiáng)烈的藍(lán)色和紅色。

2.運(yùn)用調(diào)和統(tǒng)一美化頁面效果。色彩的調(diào)和方法有：隔離調(diào)和、近似調(diào)和、同一調(diào)和、秩序調(diào)和等等，比如紅色和藍(lán)色是兩個(gè)對比強(qiáng)烈的顏色，分別加上黃色，變成橙色和綠色，使視覺效果達(dá)到調(diào)和。色彩的對比和統(tǒng)一是相互對立的兩個(gè)方面，既相互矛盾又相輔相成，當(dāng)色彩搭配和諧時(shí)，視覺上有審美快感。

網(wǎng)頁色彩設(shè)計(jì)總的遵循的原則就是：對立中統(tǒng)一，具體有以下幾種手法：

1.同類色對比：運(yùn)用同一色相，改變色彩的明度對比、純度對比，例如深淺不同的藍(lán)色搭配在一起，或是紅色、橘紅色的同一色相搭配在一起，對比不強(qiáng)烈，使頁面容易達(dá)到統(tǒng)一和諧的效果，這也是比較常見的配色方法。同一色相，明度和純度對比相似的會(huì)營造出色調(diào)柔和、神秘、深沉幽暗的不同氛圍。如聯(lián)想集團(tuán)的藍(lán)色系列、海爾集團(tuán)的綠色系列；同一色相，明度和純度對比強(qiáng)烈的配色能夠營造出活潑、有趣、輕快的氛圍。

2.鄰近對比：即色譜中鄰近顏色的對比，比如藍(lán)色和紫色、黃色和橙色等，這種搭配色彩豐富而不花哨，如荷蘭博物館的網(wǎng)頁色彩以藍(lán)色和紫色為主。

3.對比色對比：以一種顏色為主體色，再輔以對比色加以點(diǎn)綴于裝飾。色相對比色對比，明度和純度對比相似的配色也能夠達(dá)到柔和的網(wǎng)頁設(shè)計(jì)效果。色相對比色對比，明度和純度對比強(qiáng)烈的配色會(huì)營造出具有強(qiáng)烈的變化感和視覺落差的效果。強(qiáng)烈的色彩對比可以加深印象，產(chǎn)生特殊的色彩情感。為了能夠產(chǎn)生統(tǒng)一和諧的效果可以適當(dāng)?shù)恼{(diào)整色彩分布的面積、位置等?？逻_(dá)公司運(yùn)用藍(lán)色與黃色體現(xiàn)該公司的快樂與迅速的一貫形象。

4.無彩色和有彩色配色：無彩色通常指黑、白、灰。無彩色與有彩色進(jìn)行搭配也是常見的配色形式。當(dāng)網(wǎng)站采用多種不同色相或在畫面中包含強(qiáng)烈色彩時(shí)，都可以加入黑色，來穩(wěn)住這些跳躍的色彩，使頁面和諧，以達(dá)到統(tǒng)一的視覺效果。一個(gè)名為progression的有關(guān)音樂俱樂部的網(wǎng)頁就是在深灰的背景下，配上鮮亮的黃綠色與湖藍(lán)色，整個(gè)頁面效果和諧響亮。通常在網(wǎng)絡(luò)上，以白色和灰色作為背景色比較常見，因?yàn)樗鼈儗σ曈X沒有刺激，適合閱讀。人們總是忽略它們，其實(shí)白與灰在協(xié)調(diào)各種色彩的關(guān)系上起了很大的作用，可以分割色彩，使對比弱化，以便容易在視覺上統(tǒng)一。

（三）背景色與文字：背景一般采用素淡清雅的顏色，避免使用花紋繁雜和高純度的色彩，同時(shí)背景要與文字的色彩有足夠的明暗對比，才能達(dá)到視覺清晰的效果。

參考文獻(xiàn)：

[1]梁景洪，網(wǎng)站設(shè)計(jì)與網(wǎng)頁配色實(shí)例精講[M].北京：人民郵電出版社.

[2]張帆、羅琦、宮曉東，網(wǎng)頁界面設(shè)計(jì)藝術(shù)教程[M]北京：人民郵電出版社.

[3]李莉婷，色彩構(gòu)成[M].武漢：湖北美術(shù)出版社.