【文章內(nèi)容簡介】 主色調(diào)顏色和明度較暗的深紅色結(jié)合，使得明度稍暗?！? 主色調(diào)背景色飽和度較高，由于降低明度，顏色變得較沉穩(wěn)。輔助色RGB添加其他顏色，G和B區(qū)別不大，因此飽和度降低，顏色趨于柔和穩(wěn)定。點(diǎn)睛色的加入提亮，頁面視覺效果強(qiáng)化。結(jié)論：　　前景色通常要較明顯的區(qū)別于背景色，達(dá)到臺前的宣傳目的。當(dāng)飽和度較低的前景色與背景色變化不明顯時(shí)形成的是另外一種柔和統(tǒng)一的效果。玫瑰紅色　　　　玫瑰紅色色環(huán)上已經(jīng)接近冷色，是紅色系里的冷色系。HSB中H 0為紅色的最高值，越接近0度數(shù)值紅色特性越明顯，否則逐漸冷色傾斜，而該數(shù)值偏離0度稍遠(yuǎn)?！　№撁嬷饕蓛煞N不同明度、純度的玫瑰色調(diào)組成。兩色RGB中R最高，紅色特性較明顯。輔助色玫瑰色，加入G，色調(diào)向冷色稍微偏移，由于加入G，HSB飽和度輕微減弱，但隨著明度增加，色彩趨于艷麗，符合突出前景的目的。主色調(diào)純度達(dá)到最高飽和，由于明度降低，相對于輔色調(diào)較沉穩(wěn)，適合做背景色?！　”尘吧颓熬吧鞫容^為接近，加入白色邊框，強(qiáng)烈了前景色于背景色的區(qū)分，加強(qiáng)視覺強(qiáng)化效果。結(jié)論：　　背景色和前景色明度較接近，顏色給人的視覺較悶，加入少量白色劃分使得色彩引導(dǎo)的主次塊面更分明，頁面明快許多。　　這類顏色的組合多用于女性主題，例如：化妝品、服裝等，容易營造出嬌媚、誘惑、艷麗等氣氛?！∶鞫确奂t色 　　粉紅色主要是紅色系中明度的高亮度的變化。是紅色系里的冷色系。RGB顯示明度較高，因此HSB中S純度下降，幾乎呈最低值。 　　主色調(diào)和輔助色對比可知：主色調(diào)混合的G較多且明度較高，因此純度較低色調(diào)柔和，在框架區(qū)域內(nèi)較適合做類似背景色的輔助性崗位。輔助色R比主色調(diào)R稍高，紅色性稍明顯，加入G相對少，B明度稍低，因此相對純度要高，輔助色在框架區(qū)域的導(dǎo)航位置突出導(dǎo)航。點(diǎn)睛色突出標(biāo)志及購物主體的作用。　　背景白色除突出前面粉紅色主體，在前景也有出現(xiàn)，背景色與前景色相互牽制，減少空間距離。結(jié)論：　　RGB數(shù)值呈現(xiàn)相近的高數(shù)值時(shí)，色彩越柔和協(xié)調(diào)，純度相對降低，頁面呈高明度灰色段，視覺刺激緩慢。以粉紅色為主色調(diào)的頁面，女性主題內(nèi)容特征傾向明顯。粉紅色頁面里純度都較低，任何一個(gè)純度高小面積使用的顏色都能起到點(diǎn)睛的效果?！　∵@類顏色的組合多用于女性主題，例如：化妝品、服裝等，鮮嫩而充滿誘惑，傳達(dá)著柔情、嬌媚、溫柔、甜蜜、純真、誘惑的心理感受。對比色：橙紅色+藍(lán)色 　 橙色是藍(lán)色的對比色，這組對比色中的橙紅色傾向于紅色。　 頁面的背景色使用紋理圖形由深至淺的制造空間范圍，模擬真實(shí)環(huán)境。數(shù)值取其中間色值來分析，背景藍(lán)色明度較低，由于冷色比暖色視覺傳遞速度慢，適合作為輔助角色突出前景的應(yīng)用。主色調(diào)橙紅色R255，SB都100%，視覺刺激非常強(qiáng)烈，運(yùn)用大面積高純度來突出藍(lán)色產(chǎn)品主體，形成視覺對比背景藍(lán)色與前景橙紅色，前景橙紅色與產(chǎn)品主體藍(lán)色的二次對比?！　↑c(diǎn)睛色白色，使這組對比色在頁面中表現(xiàn)得更協(xié)調(diào)，調(diào)和的作用。結(jié)論：　　顏色的深淺能營造空間感的效果，也能輔助性的制造主次效果。顏色除性能對比，面積對比、位置安排也是制造主次效果的關(guān)鍵?！　〕壬{(lán)色對比色在網(wǎng)頁上比其他兩組對比色紅色綠色，黃色紫色應(yīng)用得多，能迅速的傳達(dá)網(wǎng)站主題內(nèi)容、網(wǎng)頁主體，容易增添強(qiáng)烈的興奮感，多用于食品、休閑娛樂、產(chǎn)品等。配色：紅色+黑色　　紅色與黑色搭配被譽(yù)為商業(yè)成功色，鮮亮的紅色多用于小面積的點(diǎn)綴色?！　〖t色添加G和B飽和度稍降低，因此紅色大面積使用不會覺得刺激或不舒服，背景藍(lán)色加入適量漸變，使頁面的節(jié)奏呈現(xiàn)緩和。輔助色黑色的加入，與深紅色在明度拉大，頁面色彩元素相對活躍不少?！　↑c(diǎn)睛色白色，所放的位置和面積，起到平衡黑色位置面積的作用，也達(dá)到醒目的效果。結(jié)論：　　顏色位置的擺放，起到平衡頁面視覺，突出主題效果。背景色漸變效果、整體與前景人物黑色對比呈淺色，前景人物黑色與背景深紅色、背景深紅與前景白色文字相互之間的關(guān)系，構(gòu)成空間環(huán)境的視覺效果?！　〖t色是降低明度的深紅色，為主色調(diào)和背景色大面積使用。紅黑搭配，常用于較前衛(wèi)時(shí)尚、娛樂休閑、電子商務(wù)等等要求個(gè)性的網(wǎng)頁設(shè)計(jì)配色里，也又有用于部分政治、新聞的頁面。配色：紅色+黑色+灰色 　　選紅色為輔助色，從頁面功能和表達(dá)主題看，紅色作為頁面的點(diǎn)睛色，強(qiáng)烈突出主題?！　〖t色HBS的H0，紅色特性的最高值，S最高飽和度，在明度最低黑色背景襯托下，特性發(fā)揮到極致，頁面醒目而響亮。紅色與黑色本是對比強(qiáng)烈的配色，由于背景灰色，緩和頁面的視覺刺激度。背景灰色RGB變化不大，因此顏色純度較低、趨于平穩(wěn)柔和，輔助前景內(nèi)容的呈現(xiàn)?！　“咨屒熬昂捅尘暗膭澐指黠@，活躍頁面中的色彩元素。結(jié)論： 　　使用面積小的純度高的顏色在非色彩的黑色和灰色上，是產(chǎn)生變化頁面的顏色，達(dá)到突出主題的目的。本部分小節(jié)：　　 ● 紅色RGB中R255，HSB中H0，達(dá)到紅色最高值。隨著純度的提高、亮度的適度增加，易迅速傳達(dá)、醒目性特征發(fā)揮得越明顯。和其他顏色一樣，顏色相互混合的越多，明度越低，飽和度越低，視覺沖擊力越弱。　　 ● 顏色的對比：對比色紅色綠色的搭配，紅色的特性發(fā)揮得越明顯。另外紅與黑的搭配，也較能展現(xiàn)紅色的魅力。　　 ● 根據(jù)主題的需要，除對比色的應(yīng)用，還有面積、位置上對比應(yīng)用，也能很好達(dá)到突出主題產(chǎn)品主體的目的。網(wǎng)頁設(shè)計(jì)配色應(yīng)用實(shí)例剖析——橙色系橙色具有輕快、歡欣、收獲、溫馨、時(shí)尚的效果，是快樂、喜悅、能量的色彩。在整個(gè)色譜里，橙色具有興奮感，是最耀眼的色彩。給人以華貴而溫暖，興奮而熱烈的感覺，是令人振奮的顏色。具有健康、富有活力、勇敢自由等象征意義，能給人莊嚴(yán)、尊貴、神秘等感覺。橙色在空氣中的穿透力僅次于紅色，也是容易造成視覺疲勞的顏色。在網(wǎng)頁顏色里，橙色適用于視覺要求較高的時(shí)尚網(wǎng)站，屬于注目、芳香的顏色，也常被用于味覺較高的食品網(wǎng)站，是容易引起食欲的顏色?！　∠旅娓鶕?jù)橙色系不同屬性鄰近色、同類色、對比色的搭配做不同的舉例分析。橙色 　　 橙色系分析：　　主色調(diào)橙色HSB的H 30正橙色。飽和度和亮度到最高值，頁面的視覺刺激是極其耀眼強(qiáng)烈的?！　∵x取三種面積相當(dāng)是整個(gè)頁面使用得最少的顏色為點(diǎn)睛色，頁面生動(dòng)，運(yùn)用于導(dǎo)航位置，從而達(dá)到突出主題的效果。HSB明度純度相對較低，與明度純度較高的背景正橙色形成鮮明的對比?！　》秶^大的背景白色、前景圖片灰白色和小細(xì)節(jié)前景白色文字制造出明快氣氛，呼應(yīng)統(tǒng)一頁面?！　≥o助色在這里是橙色與白色的過渡色。結(jié)論：　　飽和度與純度很高特性明顯的顏色，在達(dá)到視覺沖擊力的同時(shí)，可適當(dāng)采用少許對比色調(diào)和緩和視覺，從而削弱視覺的疲勞度。深橙紅色系 　　 　　 深橙紅色系分析：　　色相度中0為正紅色，30為正橙色，主色調(diào)HSB的H22，深橙紅色是橙色基礎(chǔ)上加入鄰近色紅色，整體上降低明度而得，紅色本身較橙色明度低，橙紅色的明度呈現(xiàn)出較低狀態(tài)?！? 輔助色選明度相對于主色調(diào)更低的三種顏色，前面兩種飽和度都較高，最后一種灰藍(lán)色由于明度較高因此飽和度降低，是主色調(diào)與前面兩種輔助色的協(xié)調(diào)色?！　№撁姹尘吧\(yùn)用紋樣，是主色調(diào)和明度較暗的深紅色結(jié)合而得，使得明度稍暗?！? 主色調(diào)背景色飽和度較高，但是降低了明度，顏色變得較沉穩(wěn)。輔助色添加其他顏色，G和B區(qū)別不大，因此飽和度降低，顏色趨于柔和穩(wěn)定。點(diǎn)睛色的加入和提亮，使頁面視覺效果得到強(qiáng)化?！?結(jié)論：　前景色通常要較明顯的區(qū)別背景色，達(dá)到臺前的宣傳目的。當(dāng)飽和度較低的前景色與背景色變化不明顯時(shí)，形成的是另外一種柔和統(tǒng)一的效果。淺橙色同類色　　 　　 淺橙色同類色分析：　　主色調(diào)輔色調(diào)在HSB的H36，頁面色調(diào)是在同一種橙色的基礎(chǔ)上明度發(fā)生變化。主色調(diào)是淺橙色，明度越高飽和度越低，頁面上減弱了飽和度較高的橙色特性，網(wǎng)頁呈現(xiàn)出柔和自然稍有些發(fā)灰的調(diào)子?！【W(wǎng)頁是在橙色這個(gè)顏色上做不同明度黑白灰色階的柔和變化，屬于單色調(diào)配色非常的單純。色階平穩(wěn)，同時(shí)存在著不夠醒目的狀態(tài)。白色起到拉開主色調(diào)和輔色調(diào)空間距離，增強(qiáng)輔色調(diào)橙色的特性，使整個(gè)稍許有些發(fā)灰的頁面明快不少。也由于白色屬于非色彩，只在明度上呈最高數(shù)值而無彩度，不能給頁面帶來彩度所具有的鮮活靚麗的感覺，另一方面卻也呈現(xiàn)出質(zhì)樸的感受。 結(jié)論：　　前面提到同類色是在同一色相中不同的明度顏色變化。因此這類顏色相對其他類別顏色來說明凈而單純，配色上較容易達(dá)到協(xié)調(diào)統(tǒng)一，但也容易顯得單調(diào)?！　№撁媾渖珔f(xié)調(diào)舒服，但看多的確有些單調(diào)乏味的感覺，這也是同類色搭配的特性。由于運(yùn)用漸變調(diào)和方法，該頁面占有前面提到的4種色彩中的調(diào)和方法的2種，整個(gè)頁面呈現(xiàn)出調(diào)和中的調(diào)和是勿庸置疑的，但也同時(shí)顯得有些單調(diào)，沒有色彩亮點(diǎn)。橙色系鄰近色（黃色+橙色＋橙紅色）　　 　　 橙色系鄰近色（黃色+橙色＋橙紅色）分析：　　看上去似乎色調(diào)上變化很多，但網(wǎng)頁的色彩構(gòu)成主要是由黃色和橙色這兩種鄰近色構(gòu)成的，通過不同的明度和純度的變化而得到更為豐富的色階，它們是淺黃色、黃色、橙色、橙紅通過不同的形狀面積，位置變化而得。HSB中的H可以看出屬于暖色范疇，三個(gè)色相的傾向不是很明顯，以至于色彩呈現(xiàn)較規(guī)律、緩和。由于不同明度表達(dá)，純度也做出不同變化?！　\色主要起到調(diào)和主色調(diào)和點(diǎn)睛色的色彩過渡作用。點(diǎn)睛色強(qiáng)調(diào)整個(gè)頁面的華麗感，增強(qiáng)頁面彩度。結(jié)論：　　橙色與鄰近色黃、紅暖色調(diào)的搭配組合，是一種簡單又安全的方法，視覺韻律上處理得井然有序。整個(gè)頁面看起來艷澤華麗、新鮮充滿活力的感覺，符合Tide這一主題所要表達(dá)的目的。橙色系對比色（橙色＋藍(lán)色）　　 橙色系對比色（橙色＋藍(lán)色）分析　　HSB中的H 26，正紅色H為0，正橙H為30，主色調(diào)橙紅色是往0偏移而得。正藍(lán)色是240，點(diǎn)睛色藍(lán)色為192，往綠偏移，在RGB中G160，因此藍(lán)色的特性不是很強(qiáng)。但橙紅色的明度飽和度達(dá)到最高值，因此盡管藍(lán)色不是正藍(lán)，但它的特性得到了很大程度的發(fā)揮?！　〈朔N橙藍(lán)對比色中的藍(lán)色調(diào)配，比較少見，讓人很容易記住它。而橙紅色的飽和度明度都非常高，刺激度強(qiáng)，屬于讓人不可久視的顏色?！　〗橛诔燃t色和藍(lán)色之間，與藍(lán)色面積相當(dāng)?shù)陌咨鸬秸{(diào)和對比色橙紅與藍(lán)色之間關(guān)系的作用。 結(jié)論：　　這組對比色通過使用的面積位置的不同來反映主次之間的關(guān)系。對比色能相互強(qiáng)烈的突出色彩特性。這組對比色屬于是非常能突顯個(gè)性的顏色。橙色系低對比度（橙色+綠色）　　 橙色系低對比度（橙色+綠色）分析：不看數(shù)值會以為這是一組純度較低的顏色。主色調(diào)HSB的H30正橙色，黃綠色的明度較低且色相傾向不夠明確，背景有少許的暗橙色紋樣，頁面沒有高亮度白色點(diǎn)綴襯托，使得純度的彩度不夠確切，很容易造成頁面純度較低的錯(cuò)覺。　　頁面最亮的顏色除“書本”最亮色淺黃色外，就是點(diǎn)睛色黃色。黃色是所有彩度色中明度最高的顏色，不同明度純度的黃色系讓整個(gè)頁面明亮了不少，它是整個(gè)頁面明度色階的最高調(diào)。黃綠色的出現(xiàn)，讓本只有鄰近色的橙色系多些內(nèi)容，頁面配色豐富不少、視覺節(jié)奏多些變化。 結(jié)論：　這類顏色的組合隨著不同色階明度的變暗，頁面沒有白色襯托，制造出另外一種古典的環(huán)境氛圍，有如娓娓道來的故事場景，也是一種不錯(cuò)的主題配色方法?！? 本頁面的配色設(shè)計(jì)亮點(diǎn)是——無白色設(shè)計(jì)。橙色系高純度高對比度（橙紅色+綠色）　　 橙色系高純度高對比度（橙紅色+綠色）分析：與上組的橙色綠色相比，這組顏色強(qiáng)烈而刺激，色彩傾向無疑明確很多。主色調(diào)橙紅色往紅色傾向，而紅色的對比色是綠色，因此整組顏色有強(qiáng)烈的對比效果。HSB數(shù)值H上看，除藍(lán)色外，其余幾種顏色純度都非常高，加上又是近于紅綠對比色。頁面的刺激強(qiáng)度是可想而知的強(qiáng)烈?！　↑S色是中間色，起到過渡對比色作用，在這組色里屬于調(diào)和色。藍(lán)色出現(xiàn)在產(chǎn)品圖案上，引導(dǎo)主次關(guān)系，增強(qiáng)視覺的注目點(diǎn)。結(jié)論：　　橙色是注目容易引起食欲的顏色，在這里得到較充分的應(yīng)用?！　》巧实陌咨秃谏谶@里起到非常重要的作用，拉大色彩色階空間的距離。白色讓整個(gè)色調(diào)組合更加明快，而黑色增添色彩的厚重質(zhì)感——強(qiáng)烈中的強(qiáng)烈，增強(qiáng)對產(chǎn)品的視覺刺激?！　　?本部分小節(jié)：● 橙色HSB的H30，正橙色。橙色是非常響亮注目的顏色。橙色的對比色是藍(lán)色，當(dāng)這兩種顏色彩度傾向越明確，對比強(qiáng)度就越大。但我們也看到，除正宗的對比色橙藍(lán)色外，橙色和綠色隨著純度的升高，達(dá)到的對比效果也很強(qiáng)烈。 　 在今后的配色設(shè)計(jì)中可以多些不同明度純度冷暖對比的嘗試，會有意想不到的收獲。 ● 白色是所有網(wǎng)頁設(shè)計(jì)中較通用的顏色，它容易突出彩度的特性，明快整個(gè)頁面，當(dāng)頁面設(shè)計(jì)沒有使用白色時(shí)，空間感覺減弱，容易造成彩度不夠明確、頁面有些沉悶等反應(yīng)，然而又相對來說增添頁面的厚重感覺，制造另外一種環(huán)境氣氛。黑色在色調(diào)組合的輔助角色里容易制造出厚重的色彩效果。　　又一次感受到色彩的相對性，沒有絕對的配色組合，根據(jù)搭配不同的色彩組合或強(qiáng)或弱的表現(xiàn)出什么樣的特性?！?同類色、鄰近色的組合，是非常調(diào)和的色彩組合，即使減少色相的數(shù)量，一樣也可以調(diào)配出很多不同的調(diào)和色彩。對于初學(xué)者來說，這是一個(gè)非常實(shí)用的配色方法。網(wǎng)頁設(shè)計(jì)配色應(yīng)用實(shí)例剖析——黃色系黃色是陽光的色彩，具有活潑與輕快的特點(diǎn)，給人十分年輕的感覺。象征光明、希望、高貴、愉快。淺黃色表示柔弱，灰黃色表示病態(tài)。它的亮度最高，和其他顏色配合很活潑，有溫曖感，具有快樂、希望、智慧和輕快的個(gè)性。黃色也代表著土地、象征著權(quán)力，并且還具有神秘的宗教色彩?！　↑S色的性格冷漠、高傲、敏感、具有擴(kuò)張和不安寧的視覺印象?！　\黃色系明朗、愉快、希望、發(fā)展，它的雅致，清爽屬性，較適合用于女性及化妝品類網(wǎng)站?！　≈悬S色有崇高，尊貴，輝煌、注意、擴(kuò)張的心理感受?！　∩铧S色給人高貴、溫和、內(nèi)斂、穩(wěn)重的心理感受。 下面根據(jù)黃色系不同屬性鄰近色、同類色的高純度低純度色彩搭配做不同的舉例分析。黃色系網(wǎng)頁例圖 　　　 　　黃色系分析：　　黃色是所有彩色中明度最高的顏色。上圖HSB的H是60，是正黃色，RGB中B51，降低了HSB的飽和度S80％，但是大面積的黃色仍使得該頁面色彩明亮顯眼。