網(wǎng)站色彩配色方法

　　一個(gè)人擁有自己的風(fēng)格，稱為個(gè)性。一個(gè)網(wǎng)站有獨(dú)特的色彩風(fēng)格，可以吸引瀏覽者的注意，從而細(xì)細(xì)品味該站的內(nèi)容。所以，網(wǎng)頁配色是非常重要的。網(wǎng)頁色彩是樹立網(wǎng)站形象的關(guān)鍵之一。網(wǎng)頁顏色搭配的是否合理，直接影響到訪問者的情緒。好的色彩搭配，會(huì)給訪問者帶來強(qiáng)烈的視覺沖擊力。那么，具體到網(wǎng)頁的背景、文字、圖標(biāo)、邊框、超鏈接等，應(yīng)該采用什么樣的顏色，應(yīng)該搭配什么顏色，才能最好地表達(dá)出網(wǎng)站的內(nèi)涵呢？

　　一、網(wǎng)頁色彩基礎(chǔ)知識(shí)

　　首先，需要弄清楚什么是三元素，即：什么是同類色？什么是臨近色？什么是對(duì)比色？什么是補(bǔ)色？這些都是色彩的基本概念，也是必須掌握的內(nèi)容。

　　眾所周知，Photoshop有一種HSB色彩模式，就是用色彩的三要素進(jìn)行定義的。色相是Hue，純度是Saturation，明度是Brightness。三元素指的是色相、純度、和明度。色相，指顏色的品相，如紅色、綠色、藍(lán)色。純度，指顏色的飽和度、鮮艷度；純度越高，顏色就越鮮艷，否則顏色就越黯淡。明度，指顏色的明亮程度。亮度越高，就越接近白色；亮度越低，就越接近黑色。其中，白色最亮，黑色最暗。

　　按照色彩在色輪上的位置不同，又可將色彩定義為同類色、鄰近色、對(duì)比色、補(bǔ)色。同類色是指兩種顏色在色輪上位置的角度相差不超過15°；鄰近色是指兩種顏色在色輪上位置的角度相差不超過30°；對(duì)比色指兩種顏色在色輪上位置的角度相差不超過120°；補(bǔ)色是指兩種顏色在色輪上位置的角度相差為180°。

　　二、網(wǎng)絡(luò)色彩的基本類型

　　每個(gè)顏色都代表了一個(gè)概念，以及該色彩所表達(dá)的情感，如紅色、黃色、藍(lán)色、綠色、粉色、紫色等。

　　1.紅色

　　常見的紅色有純紅、朱紅、粉紅、深紅、淺紅等。紅色是一種喜慶的顏色，是中國最傳統(tǒng)的色彩。例如，過年時(shí)的年畫是紅色的；古時(shí)狀元及第的服飾也是紅色。紅色象征著吉祥，代表著祝福。但是，紅色也代表著危險(xiǎn)。例如，醫(yī)院的標(biāo)識(shí)很多都是紅色的，紅綠燈的紅燈就表示危險(xiǎn)的信號(hào)。

　　2.黃色和橙色

　　常見的黃色和橙色有純黃、綠黃、橙黃、灰黃、淡黃等。黃色代表輝煌，代表高貴，是亮度很高的色彩。例如，中國古代的皇宮，使用的就是黃色，代表著皇權(quán)的至高無上。在封建社會(huì)，只有皇族才可以使用黃色。另外，人們所熟悉的黃金是黃色的，是財(cái)富的象征。另外，橙色代表了溫暖，是一種能夠促進(jìn)人食欲的色彩，很多餐飲行業(yè)都會(huì)用橙色作為裝飾色。例如，麥當(dāng)勞、肯德基的店內(nèi)裝飾都是以橙色為主。

　　3.綠色

　　常見的綠色有純綠、黃綠、青綠、墨綠、淡綠等。綠色代表自然、健康、環(huán)保，是眼睛感覺最舒適的色彩。例如，樹葉是綠色的，一些環(huán)保公益組織的標(biāo)識(shí)也是綠色的。長時(shí)間使用電腦，會(huì)使人的眼睛有干澀的感覺。這時(shí)候看一看窗外的綠色，會(huì)起到緩解眼睛疲勞的作用。

　　4.藍(lán)色

　　常見的藍(lán)色有純藍(lán)、天藍(lán)、青藍(lán)、深藍(lán)、淺藍(lán)等。藍(lán)色代表干凈、深遠(yuǎn)；同時(shí)，藍(lán)色也象征科技。例如，天空是藍(lán)色的，海洋是藍(lán)色的，冰山是藍(lán)色的。很多高科技IT企業(yè)也使用藍(lán)色作為企業(yè)的標(biāo)志色，如IBM，被稱為“藍(lán)色巨人”。

　　5.粉色和紫色

　　常見的粉色和紫色有粉紅、紫紅、純紫、深紫、淡粉等。粉色代表女性的柔美；紫色代表神秘和高貴。例如，日常見到的很多鮮花是粉色的；而女性常穿的晚禮服是紫色的，象征著女性高貴優(yōu)雅的氣質(zhì)。

　　6.黑白灰

　　常見的黑白灰色有黑色、深灰、灰色、淺灰、白色等。黑色代表死亡，代表冷酷；白色代表純潔；灰色代表污染、破敗。例如，男士出席晚會(huì)，常穿的禮服是黑色的；出席葬禮的著裝，顏色是黑色的；新娘的婚紗是純白色的；煙囪冒出的濃煙，顏色是灰色的；也有許多時(shí)尚轎車是銀灰色的。

　　三、網(wǎng)頁色彩配色方法

　　在了解色彩的基本類型、常見網(wǎng)頁色彩的基本含義和色彩感情的基礎(chǔ)上，應(yīng)該如何使用這些顏色呢？如何搭配這些顏色呢？配色方法又是什么呢？網(wǎng)頁色彩的'配色方法，主要有以下三個(gè)內(nèi)容：首先，要根據(jù)網(wǎng)站的主題，確定主色調(diào)，就像如何寫文章一樣，必須先確定文章的主題，然后才能展開。其次，要根據(jù)網(wǎng)站的主色調(diào)，確定整個(gè)網(wǎng)站的配色方案。這也好比寫文章一樣，不僅要有好的主題，也要有好的情節(jié)。最后，就是要確定明度和純度的配色方案。仍然以寫文章打比方，好的主題、好的情節(jié)不一定能夠吸引人，更重要的是有好的細(xì)節(jié)。這樣，才能打動(dòng)讀者。

　　1.確定主色調(diào)的常用方法

　�。�1）根據(jù)企業(yè)的行業(yè)特點(diǎn)和產(chǎn)品特點(diǎn)確定主色調(diào)。例如，如果是一個(gè)農(nóng)業(yè)公司，就可以考慮使用綠色，因?yàn)榫G色代表了自然，代表了環(huán)保；如果是一個(gè)跟咖啡相關(guān)的產(chǎn)品，就可以直接使用咖啡色；而如果是一個(gè)與海洋相關(guān)的公司，如遠(yuǎn)洋航運(yùn)公司，則可以使用藍(lán)色。

　　（2）根據(jù)企業(yè)網(wǎng)站面向的主要用戶群體的喜好，確定主色調(diào)。例如，一個(gè)以嬰幼兒為主題的網(wǎng)站，可以使用綠色，因?yàn)榫G色代表了初生的生命；一個(gè)以青少年為主題的網(wǎng)站，可以使用紅色，因?yàn)榧t色代表了激情，象征著青少年的勃勃生機(jī)；一個(gè)以老年為主題的網(wǎng)站，可以使用深紅色，象征著老年人的穩(wěn)重和沉穩(wěn)；一個(gè)以女性為主題的網(wǎng)站，可以使用粉色，象征著女性的柔美。

　�。�3）根據(jù)企業(yè)VI或者Logo確定顏色。例如，中國網(wǎng)通的網(wǎng)站，根據(jù)Logo的顏色，使用藍(lán)色或者綠色；又如，工商銀行的網(wǎng)站，根據(jù)Logo的顏色，可以使用黑色或者紅色作為主色調(diào)。

　　2.常用的配色方法

　　主色調(diào)確定后，常用的配色方法有哪些呢？

　　（1）純色配色。也就是說，只使用一種顏色，再加上中性色黑、白、灰。

　�。�2）單色系配色。只使用一種色系的顏色。與純色配色不同的是，單色系配色在純度和明度上都是有所變化的。

　�。�3）同類色配色。在色環(huán)上相差小于30°的類似顏色的搭配。這種配色方案在視覺上比較和諧。

　�。�4）鄰近色配色。在色環(huán)上相差小于60°的臨近顏色的搭配。這種配色方案在視覺上對(duì)比一般，不是十分強(qiáng)烈。

　�。�5）對(duì)比色配色。在色環(huán)上相差小于120°的顏色的搭配。這種配色方案在視覺上對(duì)比十分強(qiáng)烈。

　　（6）補(bǔ)色配色。在色環(huán)上相對(duì)的兩種顏色。這兩種顏色互為補(bǔ)色。

　　四、網(wǎng)頁色彩實(shí)例分析

　　以盛大網(wǎng)絡(luò)游戲的賀歲網(wǎng)站為例，整個(gè)網(wǎng)站頁面以紅色和橙色兩種同類色進(jìn)行搭配，顯得吉祥喜慶，富有活力。整個(gè)頁面比較協(xié)調(diào)，也有所對(duì)比。又如，新浪網(wǎng)的主色調(diào)是一種介于淺黃和深黃之間的顏色；同時(shí)，形象宣傳、海報(bào)、廣告使用的顏色都和網(wǎng)站的顏色一致。一般來說，同類色配色是比較容易搭配的配色方案，常見的同類色搭配有青綠藍(lán)、紅橙黃等。另外，可以用黑白色來提高對(duì)比度。

　　諸如此類的案例還有很多，筆者就不一一列舉了�？傊�，多分析，多觀察，掌握了配色方案，多借鑒成功的配色網(wǎng)站，就一定能設(shè)計(jì)出引人注目的網(wǎng)站。

【網(wǎng)站色彩配色方法】相關(guān)文章：

色彩如何明度配色-色彩明度配色的方法11-06

色彩明度配色的方法09-21

圖案的色彩與配色方法11-24

手繪技巧：色彩的配色方法09-21

插花藝術(shù)的色彩設(shè)計(jì)與配色方法12-06

怎么搭配色彩11-27

淺談色彩的配色11-23

色彩配色的介紹11-25

服裝色彩的配色理論11-26