王　萍

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

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

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

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

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

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

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

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

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

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

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

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

不同的類型的網(wǎng)站選擇不同的色彩，例如教育機構(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)頁的色彩還要迎合瀏覽者的喜好，盡可能的采用符合瀏覽者審美傾向的色彩，以吸引其注意力。

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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