【正文】 合到背景，渾然一體。尤其是點(diǎn)睛色紅色放置于背景的處理很獨(dú)到，烘托突出于前景內(nèi)容，在眾多網(wǎng)頁設(shè)計(jì)中并不多見。結(jié)論：　　整個(gè)頁面的配色取色于標(biāo)志色，量身定做的感覺。　　適當(dāng)?shù)倪\(yùn)用對比色有強(qiáng)調(diào)的感覺，但頁面配色處理上并不強(qiáng)烈、耀眼，因?yàn)槭褂昧税咨捌湎鄳?yīng)的提高明度的粉色做視覺的緩和處理。本部分小節(jié)：　　● 綠色是緩和健康的顏色， HSB的H120是正綠色。偏向于黃色方位的綠色運(yùn)用得最多，也就更受到大眾的歡迎。純正的正綠色在視覺感受上可能稍微顯得有些色度較低的生硬，配色難度稍大。不同的黃綠色飽和度、明度的不同變化可以表達(dá)不同主題的頁面效果?！　　?點(diǎn)睛色可以是幾種，也可以是不同對比色的組合，有的起到豐富并活躍頁面配色的視覺節(jié)奏，有的起到調(diào)和整體頁面配色的作用。　　輔助色通常是同類色系或者鄰近色系，起到輔助并烘托主色調(diào)的作用。輔色調(diào)和主色調(diào)分別在不同的頁面做為唯一高純度色的時(shí)候，能夠起到挽救于整個(gè)頁面發(fā)灰的作用。　　● 當(dāng)整個(gè)頁面配色明度太高色度降低時(shí)候，頁面容易呈現(xiàn)發(fā)灰的感覺，可以適當(dāng)?shù)氖褂蒙僭S純度較高或者明度較低的色系來加以改善。網(wǎng)頁設(shè)計(jì)配色應(yīng)用實(shí)例剖析——藍(lán)色系藍(lán)色是色彩中比較沉靜的顏色。象征永恒與深邃、高遠(yuǎn)與博大、壯闊與浩渺，是令人心境暢快的顏色?！　∷{(lán)色的樸實(shí)、穩(wěn)重、內(nèi)向性格，襯托那些性格活躍、具有較強(qiáng)擴(kuò)張力的色彩，運(yùn)用對比手法，同時(shí)也活躍頁面。另一方面又有消極、冷淡、保守等意味。藍(lán)色與紅、黃等色，能構(gòu)成和諧的對比調(diào)和關(guān)系?！　∷{(lán)色是冷色調(diào)最典型的代表色，是網(wǎng)站設(shè)計(jì)中運(yùn)用得最多的顏色，也是許多人鐘愛的顏色?！　∷{(lán)色表達(dá)著深遠(yuǎn)、永恒、沉靜、無限、理智、誠實(shí)、寒冷的多種感覺。藍(lán)色會(huì)給人很強(qiáng)烈的安穩(wěn)感，同時(shí)藍(lán)色還能夠表現(xiàn)出和平、淡雅、潔凈、可靠等。　　下面根據(jù)藍(lán)色系不同屬性的同類色、鄰近色、高純度對比、相對對比色等色彩搭配做不同的舉例分析?！　　?藍(lán)色高純度對比網(wǎng)頁例圖　　藍(lán)色系分析：(高純度對比：藍(lán)色+玫瑰色)　　HSB的H240是正藍(lán)色。所有主要配色的飽和度都是100%。主色調(diào)、輔色調(diào)HSB，兩種顏色在明度上有較大的區(qū)別，色相上稍有輕度變化，飽和度相同。RGB上，主色調(diào)與輔色調(diào)R為0，G和B的變化，得到了不同藍(lán)色的兩結(jié)果。點(diǎn)睛色僅是R與B兩色調(diào)和而得，沒有摻雜其他顏色，因此飽和度呈最高值100%。整個(gè)頁面配色的飽和度都為100%，頁面整體配色看起來視覺沖擊力異常強(qiáng)烈。　　輔助色白色讓頁面上的顏色的特性發(fā)揮到極致，是不可缺少的輔助配色。　　結(jié)論：響亮、強(qiáng)烈刺激的詞語似乎都適用于上圖頁面，源于高純度烘托、微妙的冷暖變化配色上，體現(xiàn)出現(xiàn)代都市張揚(yáng)時(shí)尚的氣息。白色塊面的線型使得這種高純度高強(qiáng)度的配色變得響亮卻也緩和?！　≥o色調(diào)藍(lán)色的運(yùn)用透露出設(shè)計(jì)師的大膽與魄力，玫瑰色在色輪表里算是冷色系，但是與藍(lán)色廣義上的對比來說是暖色，在這里與藍(lán)色搭配算是絕配了。整個(gè)頁面無不體現(xiàn)出特色和個(gè)性?！?藍(lán)色淺藍(lán)色網(wǎng)頁例圖　　藍(lán)色系分析： (同類色：淺藍(lán)色)　　主色調(diào)HSB的H200，稍向綠色方位傾斜，由于從180到270基本上給人的視覺呈現(xiàn)還是藍(lán)色范疇，因此與視覺上廣義的藍(lán)色差別不大。　　頁面中間色較多，主要是在藍(lán)色范疇內(nèi)做明度的變化，所以色度差非常緩和，以致于頁面的色彩呈現(xiàn)非常柔和，甚至稍有些發(fā)灰的感覺，好在頁面還有較大色塊的淺藍(lán)色及白色，拉大了頁面的色階，使得這種灰的感覺減弱不少。　　點(diǎn)睛色HSB的H258，是向暖色紫色(相對冷暖色)傾向，變化微妙，是頁面最溫暖的顏色。藍(lán)紫色在色相環(huán)中位于藍(lán)色和紫色之間，所以它也蘊(yùn)含著紫色的一些神秘感，加上淺藍(lán)色的雅致，所以亮度較高的藍(lán)紫色顯得非常高雅。在網(wǎng)頁中，藍(lán)紫色通常與藍(lán)色一起搭配使用。結(jié)論：　　淺藍(lán)色給人一種很寧靜安靜的心理感受。淺藍(lán)色系有淡雅、清新、浪漫、高級的特質(zhì)，常用于化妝品、女性、服裝網(wǎng)站。它是最具涼爽，清新特征的色彩。和白色混合時(shí)，能體現(xiàn)柔順，淡雅，浪漫的氣氛?！　≈魃{(diào)是明亮的藍(lán)色，白色的背景和灰亮的輔助色，使站點(diǎn)干凈而整潔，給人莊重、充實(shí)的印象?！　№撁婊旧蠈儆谕惿担亲畋Ｊ胤€(wěn)妥且調(diào)和的配色方案。但看久了容易呈現(xiàn)出平淡乏味的感受。藍(lán)色深藍(lán)色網(wǎng)頁例圖　　藍(lán)色系分析：(深藍(lán)色)　　主色調(diào)和輔色調(diào)的H接近，飽和度為最高為100，只在明度上有區(qū)別，分別是35和65。三維厚重的設(shè)計(jì)風(fēng)格，用調(diào)和法之一的漸變手法，把主色調(diào)和輔色調(diào)進(jìn)行了緩緩的過渡，增強(qiáng)了層次感，體現(xiàn)個(gè)性魅力，符合該頁面視音頻風(fēng)格網(wǎng)站的主題?！　↑c(diǎn)睛色在這里所起的作用不大，僅僅就蜻蜓點(diǎn)水而已。相反的輔助色在這里卻起到了較為突顯的作用——讓整個(gè)沉悶的本只起烘托作用的深藍(lán)色得到充分的展示。另一輔色調(diào)灰色令白色與深藍(lán)色反差不易過大，起到調(diào)和的目的。白色增強(qiáng)了整個(gè)頁面的視覺感，使之更醒目。結(jié)論：　　深藍(lán)色是沉穩(wěn)的且較常用的色調(diào)。能給人穩(wěn)重、冷靜、嚴(yán)謹(jǐn)、冷漠、深沉、成熟的心理感受。它主要用于營造安穩(wěn)、可靠、略帶有神秘色彩的氛圍。　　深藍(lán)色明度偏暗，基于上面對深藍(lán)色的特質(zhì)描述，在常規(guī)網(wǎng)站的設(shè)計(jì)里，可能不適合做太大面積的使用。但根據(jù)不同網(wǎng)站主題的設(shè)計(jì)需要可以做些不同的嘗試。藍(lán)色純度對比網(wǎng)頁例圖　　藍(lán)色系分析：(純度對比)　　全頁基本上屬于高純度配色，各顏色相互輝映、相互交融，把整個(gè)頁面環(huán)境渲染得異常鮮亮和熱鬧。　　冷暖色系之間跨度很大：藍(lán)色、綠色、黃色、橙黃色、朱紅色、土橙黃色、墨綠色，幾乎按照色輪表上的軌跡進(jìn)行。由于面積有多有少的原因，頁面看起來較明快調(diào)和。其中土橙黃色和墨綠色是頁面明度最重的顏色，RGB看，都分別的混合了其他顏色，因此飽和度相對較低，略呈灰色狀態(tài)，另一種意義上來說這種灰色狀態(tài)是調(diào)和色的一種很好的方式?！　∮写竺娣e的主色調(diào)和背景色做掌控，加之以上因素綜合分析，無論頁面再多再細(xì)再耀眼的顏色都能很好的統(tǒng)一在同一個(gè)頁面之中。結(jié)論：　　非常明快活潑、跳躍的富有趣味性的配色。使人勾起了無限愉悅的童趣?！　「呒兌鹊乃{(lán)色主色調(diào)配合的其他高純度冷暖色調(diào)對比，會(huì)營造出一種整潔輕快的印象。　　根據(jù)色輪表的緩和過渡及使用面積多少，判斷分析出頁面調(diào)和程度。藍(lán)色鄰近色網(wǎng)頁例圖　　藍(lán)色系分析：(藍(lán)色鄰近配色：藍(lán)色+綠色)　　HBS的S飽和度100，不少人會(huì)有疑惑的感覺，認(rèn)為看起來較為柔和的顏色，飽和度或許會(huì)低，刺眼的顏色通常飽和度較高，其實(shí)不然，每個(gè)顏色有每個(gè)顏色的不同屬性特性。高純度的色彩，明度的降低是協(xié)調(diào)視覺的一個(gè)因素，容易給人造成低純度的錯(cuò)覺。　　不同塊面的鄰近色交錯(cuò)排列，增強(qiáng)本頁面視覺動(dòng)感。　　輔色調(diào)淺藍(lán)色是背景色白色和主色調(diào)藍(lán)色的中間色，它形成了頁面配色的中間色階，色彩層次感增強(qiáng)以外，還使整個(gè)頁面的顏色更為和諧?！　×硪惠o色調(diào)青色，是藍(lán)色和綠色的結(jié)合體，包括在標(biāo)志文字、文字標(biāo)題上的運(yùn)用，無疑活躍了整個(gè)頁面的配色環(huán)境?！　蓚€(gè)點(diǎn)睛色都略調(diào)高了明度，另一意義上是該頁面配色的中間色階。兩點(diǎn)睛色都是在主色調(diào)藍(lán)色、輔色調(diào)青色的基礎(chǔ)上衍生出來的顏色，這里“點(diǎn)睛”的作用不大，都屬于和諧色系。結(jié)論：　　很多站點(diǎn)使用藍(lán)色與青綠色的搭配效果。藍(lán)色、青綠色、白色的搭配使頁面看起來非常干凈清澈?！　≈黝伾x擇明亮的藍(lán)色，配以白色的背景和灰亮的輔助色，加上中間色階的運(yùn)用，可以使頁面有干凈整潔，給人莊重、充實(shí)的印象?！　∵@是非常愉悅和諧的鄰近色系配色。中間色適度面積的運(yùn)用及背景白色讓顏色特征發(fā)揮到了極致。藍(lán)色強(qiáng)對比網(wǎng)頁例圖　　藍(lán)色系強(qiáng)對比：藍(lán)色+紅色　　藍(lán)色是冷色系最典型的代表了，而紅色是暖色系最典型的代表，兩冷暖色系對比下讓全頁的色彩對比異常強(qiáng)烈興奮，很容易感染帶動(dòng)瀏覽者的激昂情緒。紅色把文字圖片框起來，在藍(lán)色背景對比下，很好的突出主題，又好似模仿投影熒屏的感覺，讓人迅速的聚焦于視頻中心，達(dá)到網(wǎng)站背后的最終目的?！　≥o色調(diào)是紅色，接近于正紅色，紅色對視覺傳遞的信息是很快的，屬于高昂響亮的顏色?！　↑c(diǎn)睛色分別是黃色、黃綠色。大家知道，黃色是明度最高的顏色，也較響亮、刺目，在這里的運(yùn)用能強(qiáng)烈的突現(xiàn)標(biāo)題。從大的來看，點(diǎn)睛色黃綠色與輔助色紅色是對比色，雖然面積不太大，只小范圍的對比，但是已經(jīng)足以達(dá)到了迅速傳遞信息的效果，讓人印象深刻，促成再訪點(diǎn)擊?！　〗Y(jié)論：　　冷暖色系的對比碰撞，充滿激情，能傳遞熾熱情感、強(qiáng)烈刺激主題的目的?！　≡擁撁孢\(yùn)用了冷暖、紅綠兩種比較鮮明的對比色，配色積極大膽，視覺沖擊力很強(qiáng)。藍(lán)色對比網(wǎng)頁例圖　　藍(lán)色同類色對比：藍(lán)色+暖色　　這是一個(gè)配色難度較大的頁面。如何使這些配色和諧又能達(dá)到帶動(dòng)對比的目的，就要求要有一定的配色經(jīng)驗(yàn)了。難度一，在于主色調(diào)輔色調(diào)及點(diǎn)睛色的這三種藍(lán)色所充當(dāng)?shù)慕巧\(yùn)用。難度二，高純度高亮度的正黃色在這個(gè)頁面的使用。難度三，黑色的運(yùn)用?！　∵\(yùn)用排除法細(xì)分得到：主色調(diào)輔色調(diào)的藍(lán)色飽和度一樣都是最高值，色相H上稍微有些微妙區(qū)別，亮度上有些變化。點(diǎn)睛色藍(lán)色飽和度和明度都較低，介于兩種藍(lán)色之間。三者面積如果用得不好頁面容易呈混沌的灰色狀態(tài)。拿出輔色調(diào)藍(lán)色，再回到整個(gè)頁面的配色來看，頁面色彩偏重，亮度不夠，缺少中間色階，冷暖主次傾向不夠明顯，這時(shí)把輔色調(diào)藍(lán)色添加進(jìn)去正好彌補(bǔ)了這種缺憾?！　SB的H是60，S飽和度與B明度都是100%，正是正黃色。正黃色只適合做小面積的點(diǎn)睛色使用，大面積使用頁面配色較難協(xié)調(diào)，當(dāng)然正黃色做為主色調(diào)能好配色些?！　≡谶@樣的頁面色彩組合里，黑色是很難運(yùn)用進(jìn)去的，面積使用多了，頁面有可能會(huì)破壞所營造的氛圍、產(chǎn)生不協(xié)調(diào)的感覺。只在輔助性的勾勒于邊框是很好的使用辦法。　　圖片里的產(chǎn)品顏色，有降低純度的棕黃色、土黃色、米黃色等同類黃色系，對該頁面色彩組合調(diào)配具有一定的協(xié)調(diào)能力。結(jié)論：　　通常矢量頁面的配色相對于圖片配色來說，難度較大，色彩的組織搭配，是根據(jù)設(shè)計(jì)師們自己以往的豐富配色經(jīng)驗(yàn)，反復(fù)調(diào)配、反復(fù)加減而得?！　№撁孢x取了頁面的產(chǎn)品圖片中的兩三種顏色，例如點(diǎn)睛色里的紅色、藍(lán)色和黃色，再大膽的發(fā)揮出主色調(diào)藍(lán)色、較淺的輔色調(diào)藍(lán)色和點(diǎn)睛色正黃色，點(diǎn)睛色黃色運(yùn)用于最能突出產(chǎn)品特色的文字上，這些和諧的元素生動(dòng)趣味，讓整個(gè)頁面充滿了故事情節(jié)。　　本部分小節(jié)：　　● HSB的H240是正藍(lán)色，特性明顯。從不同屬性的藍(lán)色頁面色調(diào)上能看到，不同色相、飽和度、明度的藍(lán)色本身色彩特性表現(xiàn)得不是非常特殊，這也是低調(diào)沉穩(wěn)的藍(lán)色所具備的特征之一。關(guān)鍵在于該種藍(lán)色都與哪種哪幾種顏色襯托、對比的?！　　?冷色系以藍(lán)色為最典型的代表，因此就產(chǎn)生了廣義的相對暖色，例如當(dāng)與玫瑰紫色做對比時(shí)，玫瑰紫就呈現(xiàn)出微妙的暖色，當(dāng)與綠色做對比色，綠色就呈出了相對的暖色，但是此種特性呈現(xiàn)得非常的微弱，應(yīng)根據(jù)不同的主題頁面做具體分析。　　● 當(dāng)在藍(lán)色色相、明度上暗色亮色非常明朗的情況下，可以考慮添加中間色，減弱可能造成的單調(diào)感，豐富兩極色階的過渡，調(diào)和頁面的視覺感受?！　　?同一種RGB、HSB數(shù)值的藍(lán)色與不同的顏色搭配時(shí)，反映出的特性與主題是不一樣的。例如與同類色(根據(jù)色相明度純度面積等同類色里得到很多種不同的藍(lán)色)，與鄰近色(根據(jù)色相明度純度面積等衍生出更多顏色)，與對比色(根據(jù)色相明度純度面積等產(chǎn)生出的廣義對比狹義對比)……網(wǎng)頁設(shè)計(jì)配色應(yīng)用實(shí)例剖析——紫色系紫色是一種在自然界中比較少見的顏色。象征著女性化，代表著高貴和奢華、優(yōu)雅與魅力，也象征著神秘與莊重、神圣和浪漫。另一方面又有孤獨(dú)等意味。紫色在西方宗教世界中是一種代表尊貴的顏色，大主教身穿的教袍便采用了紫色?！　∽仙拿鞫仍谟胁噬纳戎惺亲畹偷?。紫色的低明度給人一種沉悶、神秘的感覺。在紫色中紅的成份較多時(shí)，顯得華麗和諧。紫色中加入少量的黑，沉重、傷感、恐怖、莊嚴(yán)的感覺。紫色中加入白，變得優(yōu)雅、嬌氣，并充滿女性的魅力?！　∽仙ǔＳ糜谝耘詾閷ο蠡蛞运囆g(shù)作品介紹為主的站點(diǎn)，但很多大公司的站點(diǎn)中也喜歡使用包含神秘色彩的紫色，但都很少做大面積使用?！　〔煌{(diào)的紫色可以營造非常濃郁的女性化氣息，在白色的背景色和灰色的突出顏色的襯托下，紫色可以顯示出更大的魅力?！　∠旅娓鶕?jù)紫色系不同屬性的鄰近色、高純度低純度配色、相對對比色等色彩搭配做不同的舉例分析。紫色高純度網(wǎng)頁例圖　　　　紫色紫色系分析：（高純度對比：同類紫色+同類對比色）　　紫色HSB的H300是正紫色。顏色飽和度基本都比較高，部分較高的明度組合，使頁面異常奢華艷麗?！　≥o色調(diào)黃色是紫色強(qiáng)度最高的對比色，主、輔色面積的大小不同是形成視覺沖擊力最大的主要原因。右下腳的淺藍(lán)色的運(yùn)用，在整個(gè)頁面配色上是很謙遜的角色，但卻既突出文字內(nèi)容，又不張揚(yáng)的壓抑住其他顏色的配色，屬于豐富于頁面的輔助作用。如果把它換成別的顏色似乎沒有這個(gè)淺藍(lán)色效果好。　　另一輔助色淺紫紅色又稱粉紅色，粉紅色主要用于包含少女在內(nèi)的女性站點(diǎn)。因?yàn)閺拿髁恋綔\白色調(diào)的粉紅色能夠表現(xiàn)出可愛、乖巧的感覺，這里只做少量運(yùn)用。 　　其他點(diǎn)睛色使用得雖多但面積很小，主要是主色調(diào)紫色附近的過渡色，例如群青、青蓮、玫瑰、紅色等點(diǎn)綴，閃亮耀眼，增強(qiáng)頁面的視覺感染力，有渲染出華麗凸顯現(xiàn)代氣息的作用。結(jié)論：　　紫色結(jié)合紅色的紫紅色是非常女性化的顏色，它給人的感覺通常都是浪漫、柔和、華麗、高貴優(yōu)雅，特別是粉紅色可以說是女性化的代表顏色。高彩度的紫紅色可以表現(xiàn)出超凡的華麗，而低彩度的粉紅色可以表現(xiàn)出高雅的氣質(zhì)?！　∽霞t色并不能隨意在所有的站點(diǎn)中使用，但使用恰當(dāng)?shù)淖霞t色會(huì)給人留下深刻的印象。高彩度的紫色和粉紅色之間的搭配通常都能得到較好的效果。 　　頁面有非常強(qiáng)烈的現(xiàn)代奢華感。時(shí)尚張揚(yáng)的配色組合，符合頁面主題表達(dá)的環(huán)境，讓人容易記住它。紫色淺紫色網(wǎng)頁例圖　　紫色系分析：（淺紫色）　　使用特性最高的紫色提亮100％高明度的主色調(diào)，抓住人們的視線成為聚焦點(diǎn)?！　≥o色調(diào)是使用冷色系的深藍(lán)色，明度較低。主要是為了烘托左邊導(dǎo)航菜單，凸顯上面的內(nèi)容信息，由于人們對網(wǎng)頁已然形成了視覺慣性，也起到了很好的視覺引導(dǎo)作用?！　≈?、輔色的搭配運(yùn)用構(gòu)成了較強(qiáng)烈的視覺對比效果?！　×硪惠o色調(diào)淺藍(lán)色，在主色調(diào)淺紫色的烘托下呈現(xiàn)稚嫩的感受，里面的白色塊起到淺紫的背景和淺藍(lán)色調(diào)和、明快的作用?！　↑c(diǎn)睛色中黃色只在左上區(qū)