核心提示：除了學(xué)習各種色彩理論和方法之外，筆者認為多學(xué)習一些著(zhù)名網(wǎng)站的用色方法，對于我們制作美麗的網(wǎng)頁(yè)可以起到事半功倍的作用。所以，筆者總結了一些著(zhù)名網(wǎng)站的顏色搭配方法，這些方法可以讓我們的學(xué)習少走彎路，快速提高我們的網(wǎng)頁(yè)制作水平。

　　顏色的使用在網(wǎng)頁(yè)制作中起著(zhù)非常關(guān)鍵的作用，有很多網(wǎng)站以其成功的色彩搭配令人過(guò)目不忘。但是對于剛開(kāi)始學(xué)習制作網(wǎng)頁(yè)的人來(lái)說(shuō)，往往不容易駕馭好網(wǎng)頁(yè)的顏色搭配。除了學(xué)習各種色彩理論和方法之外，筆者認為多學(xué)習一些著(zhù)名網(wǎng)站的用色方法，對于我們制作美麗的網(wǎng)頁(yè)可以起到事半功倍的作用。所以，筆者總結了一些著(zhù)名網(wǎng)站的顏色搭配方法，這些方法可以讓我們的學(xué)習少走彎路，快速提高我們的網(wǎng)頁(yè)制作水平。

　　一、網(wǎng)頁(yè)顏色原理和象征意義

 

　　我們所有網(wǎng)頁(yè)上顏色，在HTML下看到的是以顏色英文單詞或者十六進(jìn)制的表示方法（如#000000表示為黑色）。不同的顏色有著(zhù)不同的含義，給人各種豐富的感覺(jué)和聯(lián)想。

 

　　紅色：熱情、奔放、喜悅、莊嚴
　　黃色：高貴、富有、燦爛、活潑
　　黑色：嚴肅、夜晚、沉著(zhù)
　　白色：純潔、簡(jiǎn)單、潔凈
　　藍色：天空、清爽、科技
　　綠色：植物、生命、生機
　　灰色：莊重、沉穩
　　紫色：浪漫、富貴
　　棕色：大地、厚樸 軟件開(kāi)發(fā)網(wǎng) www.mscto.com

　　二、網(wǎng)頁(yè)顏色的使用風(fēng)格

 

　　不同的網(wǎng)站有著(zhù)自己不同的風(fēng)格，也有著(zhù)自己不同的顏色。網(wǎng)站使用顏色大概分為幾種類(lèi)型：

 

　　1、 公司色

　　在現在企業(yè)中，公司的CI形象顯得尤其重要，每一個(gè)公司的CI設計必然要有標準的顏色。比如新浪網(wǎng)的主色調是一種介于淺黃和深黃之間的顏色，同時(shí)形象宣傳、海報、廣告使用的顏色都和網(wǎng)站的顏色一致。再比如國富投資公司的主色調是C：100%，M：60%，Y：0%，K：0%。這樣的顏色使用到網(wǎng)站上顯得色調自然、底蘊深厚。

　　2、 風(fēng)格色

　　許多網(wǎng)站使用顏色秉承的是公司的風(fēng)格。比如海爾使用的顏色是一種中性的綠色，即充滿(mǎn)朝氣有不失自己的創(chuàng )新精神。女性網(wǎng)站使用粉紅色的較多，大公司使用藍色的較多……這些都是在突出自己的風(fēng)格。

　　3、 習慣色

　　這些網(wǎng)站的顏色使用很大一部分是憑自己的個(gè)人愛(ài)好，以個(gè)人網(wǎng)站較多使用，比如自己喜歡紅色、紫色、黑色等，在做網(wǎng)站的時(shí)候就傾向于這種顏色。每一個(gè)人都有自己喜歡的顏色，因此這種類(lèi)型稱(chēng)為習慣色。

 

　　三、設計用色十例

 

　　以下我將分別介紹十個(gè)配色較好的網(wǎng)站，大家可以學(xué)習和借鑒一下，培養對色彩的敏感以及獨到的審美能力。 軟件開(kāi)發(fā)網(wǎng) www.mscto.com

　　1）這是個(gè)大型的NBA網(wǎng)站。通常我們經(jīng)?？吹降拇祟?lèi)網(wǎng)站以白色為背景，但是這個(gè)網(wǎng)站卻用灰黑色RGB為（48，48，48/#333333）（以下顏色都用RGB表示），文章標題用色為RGB為（203，201，153/#CCCC99），菜單使用的RGB為（112，119，112/#707770）。這樣的配色可以顯示獨特的個(gè)性，又不失大型網(wǎng)站的風(fēng)采。如圖1

 

 

　　2）下面是一個(gè)娛樂(lè )類(lèi)的綜合性網(wǎng)站UGO，他的配色方案是背景色為黑色RGB為（0，0，0）中嵌套RGB（0，0，82），字體白色RGB（255,255,255）,菜單為RGB（77,114,159）。這樣的雖以黑藍為主色調，但是配以漂亮的圖片，給人的感覺(jué)是生機盎然，充滿(mǎn)了互動(dòng)色彩和青春氣息。如圖2。 www.mscto.com

　　3）下面的這個(gè)網(wǎng)站是大名鼎鼎的微軟公司網(wǎng)站，微軟不僅軟件做的好，連網(wǎng)頁(yè)制作也是世界一流。他的每一個(gè)網(wǎng)頁(yè)都是制作的樣板。從網(wǎng)頁(yè)我們就可以看出微軟公司的風(fēng)格、作風(fēng)，以及雄厚的實(shí)力。背景顏色使用藍色RGB為（0，151，254），菜單為黑色RGB（0，0，11），菜單為灰色RGB（200，200，200），字體為黑色RGB（0，0，0），如圖3。

 

 

　　4)現在介紹的網(wǎng)站相對簡(jiǎn)單，但是她的用色也別具匠心，現在我們來(lái)看一看，整體上使用的是白色RGB（255，255，255），輔助色為RGB（79，88，95），菜單色為RGB（48，64，64）和RGB（0，81，111）字體使用的是RGB（83，86，91）。雖然簡(jiǎn)單，但顏色搭配非常的科學(xué)合理。如圖4　

 

　　5）下面的網(wǎng)站采用黃色調為主，很體現公司的個(gè)性，現在我們就來(lái)看一看她的顏色搭配。主色調為黃色RGB為（255，199，48/#FFC730），輔助色調為RGB（49，102，46）字體為棕色RGB（153，103，0），中間再配以抽象的圖片，顯得個(gè)性十足但又不單調。如圖5

 

　　6）橘紅色如果運用得當的話(huà)是一種非常使用于網(wǎng)頁(yè)上的顏色。下面的這個(gè)網(wǎng)站就是一個(gè)非常著(zhù)名的例子。他的主色調為RGB（255，151，0）輔助色調為RGB（255，103，4），菜單RGB為（252，200，0）。字體使用黑色RGB為（0，0，0）。此種配色顯得主人較為前衛，色彩熱烈，給人的震懾力較強。如圖6

　　7）鮮紅色也是一種震撼感很強的顏色，如果搭配不當，也可能使網(wǎng)站沒(méi)有風(fēng)格和特點(diǎn)。下面的這個(gè)網(wǎng)站就是使用紅色比較好的網(wǎng)站。我們來(lái)看看他的顏色搭配。他使用的主色調是RGB（200，9，0），配以抽象的圖形，文字使用的是RGB（213，229，167）顯得美觀(guān)而不失獨特，大氣而不逼人。如圖7

 

 

　　8）下面介紹的這種色調是我們制作網(wǎng)頁(yè)的時(shí)候不會(huì )經(jīng)常用到的顏色，如果使用到你的網(wǎng)頁(yè)中，肯定會(huì )給人耳目一新的感覺(jué)。他的主色調為RGB（144，151，97）輔助色調為RGB（173，168，112）邊飾為黑色RGB（0，0，0）字體為黑色RGB（0，0，0）。這樣的搭配顯得風(fēng)格獨特，顏色和諧而莊重。如圖8

 

　　9）下面的設計更加的簡(jiǎn)單化，但是顏色的使用使網(wǎng)頁(yè)并不呆板，反而讓人感覺(jué)到一股濃濃的生活和家庭氣氛，使人置身于美麗和愛(ài)中。他的主體是由兩種顏色構成，分別是RGB（239，200，161）和RGB（201，254，200）。如此簡(jiǎn)單，但是卻栩栩如生，躍然網(wǎng)上。如圖9

 

　　10）下面舉出這個(gè)例子是想證明一個(gè)道理——只要你有足夠的想象力，你就能夠設計出漂亮的網(wǎng)頁(yè)。目前在網(wǎng)上非常流行一句話(huà)就是網(wǎng)頁(yè)的搭配不要超過(guò)四種主要顏色，否則就有雜亂之感。下面的這個(gè)網(wǎng)站遠遠的超過(guò)了三種顏色，但是她并不失美麗。因此重要的還是色彩的駕馭能力。下面這個(gè)例子的菜單就使用了7種顏色，但是我們看到的網(wǎng)頁(yè)并不雜亂，相反感覺(jué)作者很有創(chuàng )意。如圖10

---