網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析.doc

網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析紫色系-紫色是一種在自然界中比較少見(jiàn)的顏色。象征著女性化，代表著高貴和奢華、優(yōu)雅與魅力，也象征著神秘與莊重、神圣和浪漫。另一方面又有孤獨(dú)等意味。紫色在西方宗教世界中是一種代表尊貴的顏色，大主教身穿的教袍便采用了紫色。紫色的明度在有彩色的色度中是最低的。紫色的低明度給人一種沉悶、神秘的感覺(jué)。在紫色中紅的成份較多時(shí)，顯得華麗和諧。紫色中加入少量的黑，沉重、傷感、恐怖、莊嚴(yán)的感覺(jué)。紫色中加入白，變得優(yōu)雅、嬌氣，并充滿(mǎn)女性的魅力。紫色通常用于以女性為對(duì)象或以藝術(shù)作品介紹為主的站點(diǎn)，但很多大公司的站點(diǎn)中也喜歡使用包含神秘色彩的紫色，但都很少做大面積使用。不同色調(diào)的紫色可以營(yíng)造非常濃郁的女性化氣息，在白色的背景色和灰色的突出顏色的襯托下，紫色可以顯示出更大的魅力。下面我們根據(jù)紫色系不同屬性的鄰近色、高純度低純度配色、相對(duì)對(duì)比色等色彩搭配做不同的舉例分析。 紫色高純度網(wǎng)頁(yè)例圖紫色系分析：（高純度對(duì)比：同類(lèi)紫色+同類(lèi)對(duì)比色）紫色的HSB數(shù)值H色相為300度時(shí)是正紫色。上圖的HSB模式S數(shù)值顯示，上組顏色飽和度基本都比較高，加上部分較高的明度組合，使該頁(yè)面異常奢華艷麗。輔色調(diào)之一的黃色是紫色強(qiáng)度最高的對(duì)比色，主、輔色面積的大小不同是形成視覺(jué)沖擊力最大的主要原因。值得一提的是右下腳的淺藍(lán)色的運(yùn)用，它在整個(gè)頁(yè)面配色上是很謙遜的角色，但卻既突出上面的文字內(nèi)容，又不張揚(yáng)的壓抑住其他顏色的配色，屬于豐富于頁(yè)面的輔助作用。如果把它試換成別的顏色似乎還是沒(méi)有這個(gè)淺藍(lán)色效果好。另一輔助色淺紫紅色又稱(chēng)粉紅色，粉紅色主要用于包含少女在內(nèi)的女性站點(diǎn)。因?yàn)閺拿髁恋綔\白色調(diào)的粉紅色能夠表現(xiàn)出可愛(ài)、乖巧的感覺(jué)，這里只做少量運(yùn)用。 其他點(diǎn)睛色使用得雖多但面積很小，主要是主色調(diào)紫色附近的過(guò)渡色，例如群青、青蓮、玫瑰、紅色等點(diǎn)綴，閃亮耀眼，增強(qiáng)頁(yè)面的視覺(jué)感染力，有渲染出華麗凸顯現(xiàn)代氣息的作用。結(jié)論：紫色結(jié)合紅色的紫紅色是非常女性化的顏色，它給人的感覺(jué)通常都是浪漫、柔和、華麗、高貴優(yōu)雅，特別是粉紅色可以說(shuō)是女性化的代表顏色。高彩度的紫紅色可以表現(xiàn)出超凡的華麗，而低彩度的粉紅色可以表現(xiàn)出高雅的氣質(zhì)。紫紅色并不能隨意在所有的站點(diǎn)中使用，但使用恰當(dāng)?shù)淖霞t色會(huì)給人留下深刻的印象。高彩度的紫色和粉紅色之間的搭配通常都能得到較好的效果。 該頁(yè)面具有非常強(qiáng)烈的現(xiàn)代奢華感。時(shí)尚張揚(yáng)的配色組合，符合該頁(yè)面主題所要表達(dá)的環(huán)境，讓人容易記住它。- 紫色淺紫色網(wǎng)頁(yè)例圖： 紫色系分析：（淺紫色）該頁(yè)面使用特性最高的紫色提亮為100高明度的主色調(diào)，很容易抓住人們的視線成為聚焦點(diǎn)，是非常大膽又時(shí)尚的配色。輔色調(diào)則是使用冷色系代表的深藍(lán)色，明度較低。主要是為了烘托左邊導(dǎo)航菜單，凸顯上面的內(nèi)容信息，由于人們對(duì)網(wǎng)頁(yè)已然形成了視覺(jué)慣性，也起到了很好的視覺(jué)引導(dǎo)作用。主、輔色的搭配運(yùn)用構(gòu)成了較強(qiáng)烈的視覺(jué)對(duì)比效果。另一輔色調(diào)淺藍(lán)色，在主色調(diào)淺紫色的烘托下呈現(xiàn)稚嫩的感受，里面的白色塊起到淺紫的背景和淺藍(lán)色調(diào)和、明快的作用。點(diǎn)睛色的使用實(shí)際有不少，這里只選幾種起到主要作用的顏色做舉例分析。中黃色運(yùn)用得很珍貴，只在左上區(qū)域出現(xiàn)，旨在突出主題文字的效果。其他配色主要是根據(jù)左下文字字母而來(lái)，紅和綠色出現(xiàn)在頁(yè)面的淺紫色較為寬敞的位置，小范圍的做色彩對(duì)比效果。其他點(diǎn)睛色則極少的零星分布，既調(diào)和呼應(yīng)又起到活躍于頁(yè)面的角色作用，以上這些都是點(diǎn)綴和渲染頁(yè)面氣氛不可缺少的配色元素。 結(jié)論：在紫色中加入白色，可使紫色略顯沉悶的特征消失，變得清秀、優(yōu)雅、嬌氣，并充滿(mǎn)女性的魅力。白色、粉紫色、天藍(lán)色的顏色搭配，是比較稚嫩的配色，同時(shí)也是最受少女歡迎的配色方案，這里運(yùn)用也較得體。 使用高明度高飽和的主色調(diào)非常個(gè)性，讓人很容易記住它，但是色彩都有兩面性，此種顏色略顯驕躁感過(guò)于刺激視覺(jué)，不易于長(zhǎng)時(shí)間的注目瀏覽。窗體底端-紫色系分析：（深紫色）以略有漸變色為背景主色調(diào)，漸變色是調(diào)和方法之一，起到增加層次感空間感柔和視覺(jué)的作用。背景色左上最亮處的特殊處理，主要起到突出了標(biāo)志的作用。從HSB模式H色相數(shù)值上看到輔助色依舊以主色調(diào)延伸而成，僅在明度上做了些變化，屬于同類(lèi)色的調(diào)和色系。點(diǎn)睛色皆選用了色彩色系中明度最高的黃色及相近色黃綠、玫瑰紅。黃色和黃綠色真就點(diǎn)睛之筆黃色是紫色的對(duì)比色，深紫色背景上的高明度黃色被襯托得異常跳躍。黃綠色既和諧又增添了頁(yè)面配色的高強(qiáng)度節(jié)奏。玫瑰紅在這里是最溫暖的顏色，協(xié)調(diào)且增強(qiáng)了頁(yè)面配色的層次感。根據(jù)各顏色的特質(zhì)，在視覺(jué)上成功做了先后次序的引導(dǎo)。白色雖是非色彩，但也起到拉大色彩之間色階層次的作用，增強(qiáng)了頁(yè)面空間感，也使以上配色更調(diào)和。結(jié)論： 深紫色給人華貴、深遠(yuǎn)、神秘、孤寂、珍貴的心理感受。較暗色調(diào)的紫色可以表現(xiàn)出成熟沉穩(wěn)的感覺(jué)，創(chuàng)造、謎、忠誠(chéng)、神秘、稀有。整個(gè)頁(yè)面配色尤其是點(diǎn)睛色的妙用，使得整個(gè)頁(yè)面非常新穎別致，極賦現(xiàn)代都市氣息。 根據(jù)面積的大小對(duì)比，適當(dāng)?shù)膶?duì)比色能讓頁(yè)面有活躍、明快的氣氛。- 紫色配色網(wǎng)頁(yè)例圖： 紫色系分析：（紫色配色：紫色綠色）綠色被譽(yù)為紫色的絕配色。主色調(diào)是飽和度降低明度較低的紫色，輔色調(diào)是色彩明度較高的草綠色及沉穩(wěn)的深藍(lán)色。 點(diǎn)睛色雖然被稱(chēng)為點(diǎn)睛色，但在整個(gè)頁(yè)面中使用的面積極小，與其他色系所占的比重來(lái)看，這兩種點(diǎn)睛色小到幾乎給忽略。盡管從HSB模式數(shù)值上看到，橙黃色為高純度高明度色，只在主題文字上有些體現(xiàn)。另一藍(lán)綠色所處的位置在顯眼的網(wǎng)站名稱(chēng)后方，謙遜程度幾乎不為人們注意到，盡管它才是網(wǎng)站背后所要表達(dá)的真正主題。草綠色和深藍(lán)色把大面積的白色框起來(lái)，襯托起前景，但也許由于白色面積使用過(guò)大，為了不至于讓它太突出，在白色的背景上點(diǎn)綴較淺的紋樣來(lái)降低這種感覺(jué)。 背景色紫色由于色彩特質(zhì)明度較低的緣故，與明度較高的輔助色草綠色形成較明快的效果。結(jié)論：點(diǎn)睛色根據(jù)頁(yè)面所占的面積因素，也有的僅起到輔助的作用。相反草綠色或許由于色彩特質(zhì)的原因，這里起到比較強(qiáng)調(diào)的強(qiáng)勢(shì)目的，在該頁(yè)面配色里起到非常關(guān)鍵的作用。- 紫色鄰近色網(wǎng)頁(yè)例圖： 紫色系分析：（紫色鄰近色配色：紫色+紫紅色）嚴(yán)格來(lái)說(shuō)，該頁(yè)面配色的色組和紫色關(guān)聯(lián)上稍有些偏移，之所以做為案例選擇，是因?yàn)檎w配色上依舊給人有紫色系配色的錯(cuò)覺(jué)。HSB的H色相數(shù)值上顯示的260來(lái)看，正紫色數(shù)值為300，主色調(diào)整個(gè)往藍(lán)色系稍偏移，構(gòu)成較有視覺(jué)感染力的藍(lán)紫色。藍(lán)紫色在色相環(huán)中位于藍(lán)色和紫色之間，所以它也蘊(yùn)含著紫色的一些神秘感。盡管飽和度不是很高60%，但明度達(dá)到最高狀態(tài)為100，使得該色彩艷度很強(qiáng)，較高亮度的藍(lán)紫色顯得非常高雅，契合網(wǎng)站主題。輔色調(diào)HSB的H色相數(shù)值為270，已經(jīng)稍往紫色偏移，紫色特征較明顯，明度較高且較明快的感覺(jué)。另一輔助色粉紅色H色相數(shù)值為331，稍往紅色系偏移，明度極高為100，更增添了明快的氣息。點(diǎn)睛色在這里起到了不可忽視的作用，由于淺紫紅較有女性氣質(zhì)特征，增添了該頁(yè)面的女性溫柔細(xì)膩的美感。另一點(diǎn)睛色深藍(lán)色由于色彩特質(zhì)所致，這里只是輔助性的做些點(diǎn)綴。結(jié)論：淺紫色系給人嫵媚、優(yōu)雅、嬌氣、清秀、夢(mèng)幻，充滿(mǎn)女性魅力。上面的配色除了點(diǎn)睛色深藍(lán)色明度較低，其他的色彩組合都在不同的程度上提高了明度，增強(qiáng)了頁(yè)面所要表達(dá)的主題效果。- 紫色配色應(yīng)用網(wǎng)頁(yè)例圖： 紫色系分析：（紫色配色：紫色+紅色） 這是一組非常簡(jiǎn)潔精干的配色頁(yè)面。主要使用了主、輔兩色調(diào)為界，點(diǎn)綴小配色，整體疏密得當(dāng)，色塊分明的色彩構(gòu)成。主色調(diào)紫HBS模式的H色相數(shù)值是283，稍向藍(lán)色方位偏移，以致于此種紫色略呈現(xiàn)冷色特征。點(diǎn)睛色主要選擇紅藍(lán)黃三種，其中紅色的H色相顯示為347，色值向藍(lán)色偏移略呈冷調(diào)，因此該顏色在這里顯示沒(méi)有僵硬的感覺(jué)。另一點(diǎn)睛色橙黃色使用面積非常之小，幾乎讓人忽略。右上角多個(gè)線條的小色塊的修飾增強(qiáng)了頁(yè)面的視覺(jué)感染力。背景黑色不是孤立使用，既響亮的突出前景，又與前景的線條、文字呼應(yīng)起來(lái)，讓整個(gè)頁(yè)面高品位高層次的特質(zhì)更明顯。結(jié)論：主色調(diào)紫色在這里既有沉靜又顯高貴的感覺(jué)，提升產(chǎn)品的檔次。點(diǎn)睛色紅色的加入讓這種高貴又檔次的感覺(jué)更加明顯。藍(lán)色有穩(wěn)住紫色和紅色的效果。該頁(yè)面大色塊的構(gòu)圖及配色極其簡(jiǎn)約，獨(dú)具魅力。窗體底端- 紫色低純度配色應(yīng)用網(wǎng)頁(yè)例圖： 紫色系分析：（低純度配色：紫色+綠色）該頁(yè)面除了點(diǎn)睛色外，整體配色飽和度都很低，所以在視覺(jué)上呈柔和狀態(tài)。主色調(diào)紫色的HSB模式H色相為308，數(shù)值稍向紅色傾斜，由于飽和度及明度降低，顏色呈現(xiàn)很平和，空間感增強(qiáng)。輔助色綠色H色相為167，數(shù)值稍向藍(lán)色偏移，從RGB模式上看，G為125（正綠色時(shí)為255，R為0，B為0），R為82，B116，有這兩色混合，因此飽和度和明度都很低，然而在雅致的紫色背景的烘托下，較為突出了綠色的產(chǎn)品這一主角，達(dá)到配色目的。另一輔助色灰色，為整體的柔和狀態(tài)增添了雅致的氣息。點(diǎn)睛色黃色的特質(zhì)因素，無(wú)疑是這頁(yè)面最響亮耀眼的顏色盡管使用的面積較小，它是紫色的對(duì)比色，高純度的黃色與低純度的紫色形成較強(qiáng)烈的視覺(jué)反差對(duì)比效果，也因此使得頁(yè)面的沉悶得到一定程度的緩解，提升頁(yè)面配色的空間透亮感。結(jié)論：整體柔和的配色調(diào)子較吻合的體現(xiàn)了尊貴高雅的服飾感覺(jué)，并透露出寧?kù)o、安穩(wěn)、雅致的環(huán)境氛圍，充分體現(xiàn)出了紫色運(yùn)用的最大魅力。本部分小節(jié)： HSB數(shù)值H色相為300度時(shí)是正紫色，它的特性這個(gè)時(shí)候也就揮灑得越明顯。從上面的網(wǎng)頁(yè)配色實(shí)例中我們較全面的看到了不同角色紫色的性格體現(xiàn)。 紫色是色彩系里明度最低的顏色。盡管如此，高純度的紫色與高級(jí)灰度的紫色都透出不同的氣質(zhì)。神秘、高雅在這里配色是它普遍的詮釋。紫色的純色明度很低，因此它與淺色在一起，從明度關(guān)系上就分出了涇渭。為了不與黑白對(duì)比混淆，適當(dāng)?shù)貙⒆仙影咨Ч麜?huì)更好。 由于紫色發(fā)冷，紫色配暖色時(shí)，暖色不能直接介入，需要調(diào)整純度或明度才能形成比較和諧的配色。 綠色被譽(yù)為紫色的絕配色，也是一對(duì)復(fù)色對(duì)比色，它比三原色的對(duì)比色要溫和含蓄，由于它們都帶有一點(diǎn)共同成分，相互配合也會(huì)協(xié)調(diào)得多。各自的特質(zhì)原因，對(duì)比之下綠色通常起到比較關(guān)鍵的作用。紫色對(duì)比色組通常是較小面積的做對(duì)比使用，不同面積不同明度飽和度的使用所表達(dá)的感受是不一樣的。 紫色傳達(dá)著高貴、優(yōu)雅、幻想、神秘、莊重的心理感受。藍(lán)紫色可以用來(lái)創(chuàng)造出都市化的成熟美，且藍(lán)紫色可以使心情浮躁的人冷靜下來(lái)。明亮的色調(diào)直至灰亮的藍(lán)紫色有一種與眾不同的神秘美感。低亮度的藍(lán)紫色顯得沉穩(wěn)，高亮度的藍(lán)紫色顯得非常高雅。在網(wǎng)頁(yè)中，藍(lán)紫色通常與藍(lán)色一起搭配使用。網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析紅色-紅色的色感溫暖，性格剛烈而外向，是一種對(duì)人刺激性很強(qiáng)的顏色。紅色容易引起人的注意，也容易使人興奮、激動(dòng)、緊張、沖動(dòng)、還是一種容易造成人視覺(jué)疲勞的顏色。在眾多顏色里，紅色是最鮮明生動(dòng)的、最熱烈的顏色。因此紅色也是代表熱情的情感之色。鮮明紅色極容易吸引人們的目光。紅色在不同的明度、純度的狀態(tài)（粉紅、鮮紅、深紅）里，給人表達(dá)的情感是不一樣的。在網(wǎng)頁(yè)顏色的應(yīng)用機(jī)率中，根據(jù)網(wǎng)頁(yè)主題內(nèi)容的需求，純粹使用紅色為主色調(diào)的網(wǎng)站相對(duì)較少，多用于輔助色、點(diǎn)睛色，達(dá)到陪襯、醒目的效果。通常都配以其他顏色調(diào)和。紅色相對(duì)于其他顏色，視覺(jué)傳遞速度最快。由于以上的這些紅色傳達(dá)出的特性，因此人們喜歡用紅色作為警示符號(hào)的顏色，例如：消防、驚嘆號(hào)、錯(cuò)誤提示等等。 為了讓大家對(duì)紅色的理解做更好的區(qū)別，下面我們分別對(duì)紅色系根據(jù)鄰近色、同類(lèi)色、對(duì)比色的搭配做不同的舉例分析。 朱紅色 朱紅色網(wǎng)頁(yè)例圖： 朱紅色在紅色系里傾向黃色方向，是大紅色加入黃色而得。在色環(huán)表中，純紅色在HSB里為0度，往360度方向呈現(xiàn)的是冷紅色系，0度方向?yàn)辄S色系。整個(gè)頁(yè)面里，主色調(diào)朱紅色面積非常大、確定明顯，輔助色主要由黑色、深紅構(gòu)成，（數(shù)值上選取的是深紅色做標(biāo)示）。主色調(diào)的R呈現(xiàn)出255最高數(shù)值，S中100%，充分標(biāo)明了紅色最高特性。輔助色的深紅R為222，B87%，顯示其充當(dāng)輔助角色的這一特性。結(jié)論：背景色朱紅由于紅色特性明顯，飽和度、明度都非常的高，這里運(yùn)用了輔助色深紅、黑色壓住并牽制朱紅色搶眼的個(gè)性，也同樣能達(dá)到突出前景主要圖片內(nèi)容的目的。點(diǎn)睛色主要用于標(biāo)志的突出上，其他導(dǎo)航文字、圖片的部分運(yùn)用等，調(diào)和并達(dá)到了不至于使得整個(gè)頁(yè)面刺激中又透出的沉悶感。 這類(lèi)顏色的組合比較容易使人提升興奮度，紅色特性明顯，這一醒目的特殊屬性，比較被廣泛的應(yīng)用于食品、時(shí)尚休閑等等類(lèi)型的網(wǎng)站。-深紅色 深紅色網(wǎng)頁(yè)例圖：http:/ 深紅色在原有的紅色基礎(chǔ)上降低了明度而得，是紅色系中的明度變化。通過(guò)上圖的數(shù)值顯示看出明度較低。這類(lèi)顏色的組合隨著明度的變暗，比較容易制造深邃、幽怨的故事氣氛。傳達(dá)的是穩(wěn)重、成熟、高貴、消極的心理感受。這個(gè)頁(yè)面背景色運(yùn)用了紋樣，是以目前選取的主色調(diào)顏色和明度較暗的深紅色結(jié)合而的，使得明度稍暗。數(shù)值上看，主色調(diào)也就是背景色的飽和度較高，但是由于降低了明度，顏色變得較沉穩(wěn)。輔助色RGB添加了適量的其他顏色，G和B數(shù)值區(qū)別不大，因此飽和度降低，顏色趨于柔和穩(wěn)定。點(diǎn)睛色的加入提亮，頁(yè)面視覺(jué)效果強(qiáng)化。結(jié)論：前景色通常要較明顯的區(qū)別于背景色，達(dá)到臺(tái)前的宣傳目的。當(dāng)飽和度較低的前景色與背景色變化不明顯時(shí)形成的是另外一種柔和統(tǒng)一的效果網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析紅色系2006-10-12 06:00作者：黎芳 原創(chuàng)出處：天極設(shè)計(jì)在線責(zé)任編輯：Shiny-玫瑰紅色 玫瑰紅色網(wǎng)頁(yè)例圖：http:/www.gentverwent.be 玫瑰紅色在色環(huán)上實(shí)際已經(jīng)接近冷色，是紅色系中的色相的微妙變化，是紅色系里的冷色系。我們?cè)贖SB中H數(shù)值可看出，0度為紅色的最高值，越接近0度數(shù)值紅色特性越明顯，否則逐漸冷色傾斜，而該數(shù)值偏離0度稍遠(yuǎn)。這個(gè)頁(yè)面主要由兩種不同明度、純度的玫瑰色調(diào)組成。兩色數(shù)值顯示，我們看到RGB數(shù)值中R呈現(xiàn)的數(shù)值最高，紅色特性較明顯。輔助色調(diào)的玫瑰色，加入少許G，色調(diào)向冷色稍微偏移，也由于加入了G，在HSB數(shù)值里，飽和度輕微減弱，但隨著明度增加，色彩趨于艷麗，符合突出前景的目的。主色調(diào)雖然純度達(dá)到最高飽和，但由于明度降低，相對(duì)于輔色調(diào)較沉穩(wěn)，適合做背景色。數(shù)值上看，由于背景色和前景色的明度較為接近，加入白色邊框，強(qiáng)烈了前景色于背景色的區(qū)分，加強(qiáng)視覺(jué)強(qiáng)化效果。結(jié)論：背景色和前景色的明度較接近，顏色給人的視覺(jué)表象較悶，加入少量白色劃分使得色彩引導(dǎo)的主次塊面更分明，頁(yè)面明快許多。這類(lèi)顏色的組合多用于女性主題，例如：化妝品、服裝等，容易營(yíng)造出嬌媚、誘惑、艷麗等氣氛。網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析藍(lán)色系關(guān)鍵字: 網(wǎng)頁(yè)設(shè)計(jì) 配色 藍(lán) 色是色彩中比較沉靜的顏色。象征著永恒與深邃、高遠(yuǎn)與博大、壯闊與浩渺，是令人心境暢快的顏色。 藍(lán)色的樸實(shí)、穩(wěn)重、內(nèi)向性格，襯托那些性格活躍、具有較強(qiáng)擴(kuò)張力的色彩，運(yùn)用對(duì)比手法，同時(shí)也活躍頁(yè)面。另一方面又有消極、冷淡、保守等意味。藍(lán)色與紅、黃等色運(yùn)用得當(dāng)，能構(gòu)成和諧的對(duì)比調(diào)和關(guān)系。藍(lán)色是冷色調(diào)最典型的代表色，是網(wǎng)站設(shè)計(jì)中運(yùn)用得最多的顏色，也是許多人鐘愛(ài)的顏色。藍(lán)色表達(dá)著深遠(yuǎn)、永恒、沉靜、無(wú)限、理智、誠(chéng)實(shí)、寒冷的多種感覺(jué)。藍(lán)色會(huì)給人很強(qiáng)烈的安穩(wěn)感，同時(shí)藍(lán)色還能夠表現(xiàn)出和平、淡雅、潔凈、可靠等。下面我們根據(jù)藍(lán)色系不同屬性的同類(lèi)色、鄰近色、高純度對(duì)比、相對(duì)對(duì)比色等色彩搭配做不同的舉例分析。 藍(lán)色高純度對(duì)比網(wǎng)頁(yè)例圖 ： 藍(lán)色系分析：(高純度對(duì)比：藍(lán)色+玫瑰色)藍(lán)色的HSB數(shù)值H色相為240度時(shí)是正藍(lán)色。上圖的HSB模式S數(shù)值顯示，所有主要配色的飽和度都是100%。從主色調(diào)、輔色調(diào)HSB模式的數(shù)值可看出，這兩種顏色在明度上有較大的區(qū)別，色相上稍有輕度變化，飽和度相同。RGB模式上看，主色調(diào)與輔色調(diào)R數(shù)值都為0，G綠色的數(shù)值和B藍(lán)色數(shù)值分量的變化，得到了不同藍(lán)色的兩結(jié)果。點(diǎn)睛色僅是R紅色與B藍(lán)色兩色調(diào)和而得沒(méi)有摻雜其他顏色，因此飽和度呈最高值100%。整個(gè)頁(yè)面配色的飽和度都為100%，頁(yè)面整體配色看起來(lái)視覺(jué)沖擊力異常強(qiáng)烈。輔助色白色讓頁(yè)面上的顏色的特性發(fā)揮到極致，是不可缺少的輔助配色。結(jié)論： 響亮、強(qiáng)烈刺激的詞語(yǔ)似乎都適用于上圖頁(yè)面，源于高純度烘托、微妙的冷暖變化配色上，體現(xiàn)出現(xiàn)代都市張揚(yáng)時(shí)尚的氣息。白色塊面的線型使得這種高純度高強(qiáng)度的配色變得響亮卻也緩和。輔色調(diào)藍(lán)色的運(yùn)用透露出設(shè)計(jì)師的大膽與魄力，玫瑰色在色輪表里算是冷色系，但是與藍(lán)色廣義上的對(duì)比來(lái)說(shuō)是暖色，在這里與藍(lán)色搭配算是絕配了。整個(gè)頁(yè)面無(wú)不體現(xiàn)出特色和個(gè)性。正文分頁(yè)：1 2 3 4 5 6 7 藍(lán) 色是色彩中比較沉靜的顏色。象征著永恒與深邃、高遠(yuǎn)與博大、壯闊與浩渺，是令人心境暢快的顏色。 藍(lán)色的樸實(shí)、穩(wěn)重、內(nèi)向性格，襯托那些性格活躍、具有較強(qiáng)擴(kuò)張力的色彩，運(yùn)用對(duì)比手法，同時(shí)也活躍頁(yè)面。另一方面又有消極、冷淡、保守等意味。藍(lán)色與紅、黃等色運(yùn)用得當(dāng)，能構(gòu)成和諧的對(duì)比調(diào)和關(guān)系。藍(lán)色是冷色調(diào)最典型的代表色，是網(wǎng)站設(shè)計(jì)中運(yùn)用得最多的顏色，也是許多人鐘愛(ài)的顏色。藍(lán)色表達(dá)著深遠(yuǎn)、永恒、沉靜、無(wú)限、理智、誠(chéng)實(shí)、寒冷的多種感覺(jué)。藍(lán)色會(huì)給人很強(qiáng)烈的安穩(wěn)感，同時(shí)藍(lán)色還能夠表現(xiàn)出和平、淡雅、潔凈、可靠等。下面我們根據(jù)藍(lán)色系不同屬性的同類(lèi)色、鄰近色、高純度對(duì)比、相對(duì)對(duì)比色等色彩搭配做不同的舉例分析。 藍(lán)色高純度對(duì)比網(wǎng)頁(yè)例圖 ： 藍(lán)色系分析：(高純度對(duì)比：藍(lán)色+玫瑰色)藍(lán)色的HSB數(shù)值H色相為240度時(shí)是正藍(lán)色。上圖的HSB模式S數(shù)值顯示，所有主要配色的飽和度都是100%。從主色調(diào)、輔色調(diào)HSB模式的數(shù)值可看出，這兩種顏色在明度上有較大的區(qū)別，色相上稍有輕度變化，飽和度相同。RGB模式上看，主色調(diào)與輔色調(diào)R數(shù)值都為0，G綠色的數(shù)值和B藍(lán)色數(shù)值分量的變化，得到了不同藍(lán)色的兩結(jié)果。點(diǎn)睛色僅是R紅色與B藍(lán)色兩色調(diào)和而得沒(méi)有摻雜其他顏色，因此飽和度呈最高值100%。整個(gè)頁(yè)面配色的飽和度都為100%，頁(yè)面整體配色看起來(lái)視覺(jué)沖擊力異常強(qiáng)烈。輔助色白色讓頁(yè)面上的顏色的特性發(fā)揮到極致，是不可缺少的輔助配色。結(jié)論： 響亮、強(qiáng)烈刺激的詞語(yǔ)似乎都適用于上圖頁(yè)面，源于高純度烘托、微妙的冷暖變化配色上，體現(xiàn)出現(xiàn)代都市張揚(yáng)時(shí)尚的氣息。白色塊面的線型使得這種高純度高強(qiáng)度的配色變得響亮卻也緩和。輔色調(diào)藍(lán)色的運(yùn)用透露出設(shè)計(jì)師的大膽與魄力，玫瑰色在色輪表里算是冷色系，但是與藍(lán)色廣義上的對(duì)比來(lái)說(shuō)是暖色，在這里與藍(lán)色搭配算是絕配了。整個(gè)頁(yè)面無(wú)不體現(xiàn)出特色和個(gè)性。正文分頁(yè)：1 2 3 4 5 6 7 藍(lán)色淺藍(lán)色網(wǎng)頁(yè)例圖 ：/start.html 藍(lán)色系分析： (同類(lèi)色：淺藍(lán)色)主色調(diào)HSB數(shù)值H顯示200度，色輪度稍向綠色方位傾斜，但是由于從180度到270度基本上給人的視覺(jué)呈現(xiàn)還是藍(lán)色范疇，因此與視覺(jué)上廣義的藍(lán)色差別不大。該頁(yè)面中間色較多，主要是在藍(lán)色范疇內(nèi)做明度的變化，所以色度差非常緩和，以致于頁(yè)面的色彩呈現(xiàn)非常柔和，甚至稍有些發(fā)灰的感覺(jué)，好在該頁(yè)面還有些較大色塊的淺藍(lán)色及白色，拉大了頁(yè)面的色階，使得這種灰的感覺(jué)減弱不少。點(diǎn)睛色的HSB數(shù)值是258，色輪趨勢(shì)是向暖色紫色(相對(duì)冷暖色)傾向，變化微妙，是本頁(yè)面最溫暖的顏色。藍(lán)紫色在色相環(huán)中位于藍(lán)色和紫色之間，所以它也蘊(yùn)含著紫色的一些神秘感，加上淺藍(lán)色的雅致，所以亮度較高的藍(lán)紫色顯得非常高雅。在網(wǎng)頁(yè)中，藍(lán)紫色通常與藍(lán)色一起搭配使用。結(jié)論：淺藍(lán)色給人一種很寧?kù)o安靜的心理感受。淺藍(lán)色系有淡雅、清新、浪漫、高級(jí)的特質(zhì)，常用于化妝品、女性、服裝網(wǎng)站。它是最具涼爽，清新特征的色彩。和白色混合時(shí)，能體現(xiàn)柔順，淡雅，浪漫的氣氛。主色調(diào)選擇明亮的藍(lán)色，配以白色的背景和灰亮的輔助色，可以使站點(diǎn)干凈而整潔，給人莊重、充實(shí)的印象。該頁(yè)面基本上屬于同類(lèi)色系，也是最保守穩(wěn)妥且調(diào)和的配色方案。但該種配色看久了容易呈現(xiàn)出平淡乏味的感受。正文分頁(yè)：1 2 3 4 5 6 7 藍(lán)色深藍(lán)色網(wǎng)頁(yè)例圖 ： 藍(lán)色系分析：(深藍(lán)色)HSB數(shù)值顯示主色調(diào)和輔色調(diào)的H色相接近，飽和度為最高，都為100%，兩者只在明度上有區(qū)別，分別是35%和65%。三維厚重的設(shè)計(jì)風(fēng)格，用調(diào)和法之一的漸變手法，把主色調(diào)和輔色調(diào)進(jìn)行了緩緩的過(guò)渡，增強(qiáng)了層次感，體現(xiàn)個(gè)性魅力，符合該頁(yè)面視音頻風(fēng)格網(wǎng)站的主題。雖然是被譽(yù)為點(diǎn)睛色，但從整個(gè)頁(yè)面來(lái)看由于面積關(guān)系，點(diǎn)睛色在這里所起的作用不大，僅僅就蜻蜓點(diǎn)水而已。相反的輔助色在這里卻起到了較為突顯的作用 讓整個(gè)沉悶的本只起烘托作用的深藍(lán)色得到充分的展示。另一輔色調(diào)灰色令白色與深藍(lán)色反差不易過(guò)大，起到調(diào)和的目的。白色增強(qiáng)了整個(gè)頁(yè)面的視覺(jué)感，使之更醒目。結(jié)論：深藍(lán)色是沉穩(wěn)的且較常用的色調(diào)。能給人穩(wěn)重、冷靜、嚴(yán)謹(jǐn)、冷漠、深沉、成熟的心理感受。它主要用于營(yíng)造安穩(wěn)、可靠、略帶有神秘色彩的氛圍。深藍(lán)色明度偏暗，基于上面對(duì)深藍(lán)色的特質(zhì)描述，在常規(guī)網(wǎng)站的設(shè)計(jì)里，可能不適合做太大面積的使用。但根據(jù)不同網(wǎng)站主題的設(shè)計(jì)需要可以做些不同的嘗試。正文分頁(yè)：1 2 3 4 5 6 7 藍(lán)色純度對(duì)比網(wǎng)頁(yè)例圖 ：.uk 藍(lán)色系分析：(純度對(duì)比)從HSB模式上的數(shù)值顯示情況進(jìn)行分析，全頁(yè)基本上是屬于高純度配色，各顏色特性相互輝映、相互交融，把整個(gè)頁(yè)面環(huán)境渲染得異常鮮亮和熱鬧。冷暖色系之間跨度很大：藍(lán)色、綠色、黃色、橙黃色、朱紅色、土橙黃色、墨綠色，幾乎按照色輪表上的軌跡進(jìn)行。也由于面積有多有少的原因，因此頁(yè)面看起來(lái)較明快調(diào)和。其中土橙黃色和墨綠色是頁(yè)面明度最重的顏色，從RGB色值上可看出，都分別的混合了其他顏色，因此飽和度相對(duì)較低，略呈灰色狀態(tài)，另一種意義上來(lái)說(shuō)這種灰色狀態(tài)是調(diào)和色的一種很好的方式。由于有大面積的主色調(diào)和背景色做掌控，加之以上因素綜合分析，無(wú)論頁(yè)面再多再細(xì)再耀眼的顏色都能很好的統(tǒng)一在同一個(gè)頁(yè)面之中。結(jié)論：非常明快活潑、跳躍的富有趣味性的配色。使人勾起了無(wú)限愉悅的童趣。高純度的藍(lán)色主色調(diào)配合的其他高純度冷暖色調(diào)對(duì)比，會(huì)營(yíng)造出一種整潔輕快的印象。根據(jù)色輪表的緩和過(guò)渡及使用面積多少，判斷分析出頁(yè)面調(diào)和程度。正文分頁(yè)：1 2 3 4 5 6 7 藍(lán)色鄰近色網(wǎng)頁(yè)例圖： 藍(lán)色系分析：(藍(lán)色鄰近配色：藍(lán)色+綠色)從HBS模式的S飽和度數(shù)值100%上看，不少朋友會(huì)有疑惑的感覺(jué)，認(rèn)為看起來(lái)較為柔和的顏色，飽和度或許會(huì)低，刺眼的顏色通常飽和度較高，其實(shí)不然，每個(gè)顏色有每個(gè)顏色的不同屬性特性。高純度的色彩，明度的降低是協(xié)調(diào)視覺(jué)的一個(gè)因素，容易給人造成低純度的錯(cuò)覺(jué)。不同塊面的鄰近色交錯(cuò)排列，增強(qiáng)本頁(yè)面視覺(jué)動(dòng)感。輔色調(diào)淺藍(lán)色是背景色白色和主色調(diào)藍(lán)色的中間色，它形成了頁(yè)面配色的中間色階，色彩層次感增強(qiáng)以外，還使整個(gè)頁(yè)面的顏色更為和諧。另一輔色調(diào)青色，是藍(lán)色和綠色的結(jié)合體，包括在標(biāo)志文字、文字標(biāo)題上的運(yùn)用，無(wú)疑活躍了整個(gè)頁(yè)面的配色環(huán)境。兩個(gè)點(diǎn)睛色都略調(diào)高了明度，另一意義上是該頁(yè)面配色的中間色階。兩點(diǎn)睛色都是在主色調(diào)藍(lán)色、輔色調(diào)青色的基礎(chǔ)上衍生出來(lái)的顏色，這里“點(diǎn)睛”的作用不大，都屬于和諧色系。結(jié)論：很多站點(diǎn)都在使用藍(lán)色與青綠色的搭配效果。藍(lán)色、青綠色、白色的搭配可以使頁(yè)面看起來(lái)非常干凈清澈，在我們的現(xiàn)實(shí)生活中運(yùn)用的范圍很廣，可以說(shuō)是隨處可見(jiàn)的。主顏色選擇明亮的藍(lán)色，配以白色的背景和灰亮的輔助色，加上中間色階的運(yùn)用，可以使頁(yè)面有干凈整潔，給人莊重、充實(shí)的印象。這是一組非常愉悅和諧的鄰近色系配色。中間色適度面積的運(yùn)用及背景白色讓這組顏色特征發(fā)揮到了極致。正文分頁(yè)：1 2 3 4 5 6 7 藍(lán)色強(qiáng)對(duì)比網(wǎng)頁(yè)例圖 ： 藍(lán)色系強(qiáng)對(duì)比：藍(lán)色+紅色藍(lán)色是冷色系的最典型的代表了，而紅色是暖色系里最典型的代表，兩冷暖色系對(duì)比下讓全頁(yè)的色彩對(duì)比異常強(qiáng)烈且興奮，很容易感染帶動(dòng)瀏覽者的激昂情緒。紅色把文字圖片框起來(lái)，在藍(lán)色背景對(duì)比下，很好的突出主題，又好似模仿投影熒屏的感覺(jué)，讓人迅速的聚焦于視頻中心，達(dá)到網(wǎng)站背后的最終目的。輔色調(diào)是紅色，從數(shù)值上看接近于正紅色，紅色對(duì)視覺(jué)傳遞的信息是很快的，屬于高昂響亮的顏色。點(diǎn)睛色分別是黃色、黃綠色。大家知道，黃色是明度最高的顏色，也較響亮、刺目，在這里的運(yùn)用能強(qiáng)烈的突現(xiàn)標(biāo)題。從大的來(lái)看，點(diǎn)睛色黃綠色與輔助色紅色是對(duì)比色，雖然面積不太大，只小范圍的對(duì)比，但是已經(jīng)足以達(dá)到了迅速傳遞信息的效果，讓人印象深刻，促成再訪點(diǎn)擊。結(jié)論：冷暖色系的對(duì)比碰撞，充滿(mǎn)激情，能傳遞熾熱情感、強(qiáng)烈刺激主題的目的。該頁(yè)面運(yùn)用了冷暖、紅綠兩種比較鮮明的對(duì)比色，配色積極大膽，視覺(jué)沖擊力很強(qiáng)。正文分頁(yè)：1 2 3 4 5 6 7 藍(lán)色對(duì)比網(wǎng)頁(yè)例圖 ： 藍(lán)色同類(lèi)色對(duì)比：藍(lán)色+暖色這是一個(gè)配色難度較大的頁(yè)面。如何使這些配色和諧又能達(dá)到帶動(dòng)對(duì)比的目的，就要求要有一定的配色經(jīng)驗(yàn)了。難度一，在于主色調(diào)輔色調(diào)及點(diǎn)睛色的這三種藍(lán)色所充當(dāng)?shù)慕巧\(yùn)用。難度二，高純度高亮度的正黃色在這個(gè)頁(yè)面的使用。難度三，黑色的運(yùn)用。運(yùn)用排除法細(xì)分得到：主色調(diào)輔色調(diào)的藍(lán)色飽和度一樣都是最高值，色相H上稍微有些微妙區(qū)別，亮度上有些變化。點(diǎn)睛色藍(lán)色飽和度和明度都較低，介于兩種藍(lán)色之間。三者面積如果用得不好頁(yè)面容易呈混沌的灰色狀態(tài)。拿出輔色調(diào)藍(lán)色，再回到整個(gè)頁(yè)面的配色來(lái)看，頁(yè)面色彩偏重，亮度不夠，缺少中間色階，冷暖主次傾向不夠明顯，這時(shí)把輔色調(diào)藍(lán)色添加進(jìn)去正好彌補(bǔ)了這種缺憾。HSB模式顯示H是60度，S飽和度與B明度都是100%，正是正黃色。正黃色只適合做小面積的點(diǎn)睛色使用，大面積使用頁(yè)面配色較難協(xié)調(diào)，當(dāng)然正黃色做為主色調(diào)能好配色些。在這樣的頁(yè)面色彩組合里，黑色是很難運(yùn)用進(jìn)去的，面積使用多了，頁(yè)面有可能會(huì)破壞所營(yíng)造的氛圍、產(chǎn)生不協(xié)調(diào)的感覺(jué)。只在輔助性的勾勒于邊框是很好的使用辦法。圖片里的產(chǎn)品顏色，有降低純度的棕黃色、土黃色、米黃色等同類(lèi)黃色系，對(duì)該頁(yè)面色彩組合調(diào)配具有一定的協(xié)調(diào)能力。結(jié)論：通常矢量頁(yè)面的配色相對(duì)于圖片配色來(lái)說(shuō)，難度較大，色彩的組織搭配，是根據(jù)設(shè)計(jì)師們自己以往的豐富配色經(jīng)驗(yàn)，反復(fù)調(diào)配、反復(fù)加減而得。該頁(yè)面設(shè)計(jì)師選取了頁(yè)面的產(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è)頁(yè)面充滿(mǎn)了故事情節(jié)。本部分小節(jié)： HSB數(shù)值H色相為240度時(shí)是正藍(lán)色，它的特性這個(gè)時(shí)候也就揮灑得越明顯。從以上不同屬性的藍(lán)色頁(yè)面色調(diào)上能看到，不同色相、飽和度、明度的藍(lán)色本身色彩特性表現(xiàn)得不是非常特殊，這也是低調(diào)沉穩(wěn)的藍(lán)色所具備的特征之一。關(guān)鍵在于該種藍(lán)色都與哪種哪幾種顏色襯托、對(duì)比的。 冷色系以藍(lán)色為最典型的代表，因此就產(chǎn)生了廣義的相對(duì)暖色，例如當(dāng)與玫瑰紫色做對(duì)比時(shí)，玫瑰紫就呈現(xiàn)出微妙的暖色，當(dāng)與綠色做對(duì)比色，綠色就呈出了相對(duì)的暖色，但是此種特性呈現(xiàn)得非常的微弱，應(yīng)根據(jù)不同的主題頁(yè)面做具體分析。 當(dāng)在藍(lán)色色相、明度上暗色亮色非常明朗的情況下，可以考慮添加中間色，減弱可能造成的單調(diào)感，豐富兩極色階的過(guò)渡，調(diào)和頁(yè)面的視覺(jué)感受。 同一種RGB、HSB數(shù)值的藍(lán)色與不同的顏色搭配時(shí)，所反映出的特性與主題是不一樣的。例如與同類(lèi)色(根據(jù)色相明度純度面積等同類(lèi)色里得到很多種不同的藍(lán)色)，與鄰近色(根據(jù)色相明度純度面積等衍生出更多顏色)，與對(duì)比色(根據(jù)色相明度純度面積等產(chǎn)生出的廣義對(duì)比狹義對(duì)比) 應(yīng)多多思考、多做嘗試。網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析黃色系2006-11-22 08:36:17來(lái)源: 天極網(wǎng) 網(wǎng)友評(píng)論 4 條 進(jìn)入論壇黃色是陽(yáng)光的色彩，具有活潑與輕快的特點(diǎn)，給人十分年輕的感覺(jué)。象征光明、希望、高貴、愉快。淺黃色表示柔弱，灰黃色表示病態(tài)。它的亮度最高，和其他顏色配合很活潑，有溫曖感，具有快樂(lè)、希望、智慧和輕快的個(gè)性，有希望與功名等象征意義。黃色也代表著土地、象征著權(quán)力，并且還具有神秘的宗教色彩。黃色的性格冷漠、高傲、敏感、具有擴(kuò)張和不安寧的視覺(jué)印象。淺黃色系明朗、愉快、希望、發(fā)展，它的雅致，清爽屬性，較適合用于女性及化妝品類(lèi)網(wǎng)站。中黃色有崇高，尊貴，輝煌、注意、擴(kuò)張的心理感受。深黃色給人高貴、溫和、內(nèi)斂、穩(wěn)重的心理感受。 下面我們根據(jù)黃色系不同屬性鄰近色、同類(lèi)色的高純度低純度色彩搭配做不同的舉例分析。 黃色系網(wǎng)頁(yè)例圖： 黃色系分析：黃色是所有彩色中明度最高的顏色。上圖看到HSB模式的H數(shù)值是60度，正是正黃色，但RGB數(shù)值中加入了B藍(lán)色數(shù)值為51，因此降低了HSB的飽和度S為80，但是大面積的黃色仍使得該頁(yè)面色彩明亮顯眼。輔助色是純黑色，非色彩明度最低的顏色。大面積顯眼的正黃色有黑色的線條壓制，黃色頓時(shí)顯得沉穩(wěn)，頁(yè)面增添內(nèi)容感。白色雖然是點(diǎn)睛色，但由于非色彩的白色與黃色的明度最高，因此這里似乎沒(méi)有起到點(diǎn)睛的作用。結(jié)論：當(dāng)鮮度、明度高的背景色與前景輔助色暗度低的黑色在明度形成較強(qiáng)烈的對(duì)比時(shí)，艷度降低，較能協(xié)調(diào)視覺(jué)。整個(gè)頁(yè)面配色單純，卻也不簡(jiǎn)單，形成另一種設(shè)計(jì)風(fēng)格。 黃色同類(lèi)色網(wǎng)頁(yè)例圖：www.paralotna.pl 黃色同類(lèi)色分析該頁(yè)面的配色很單純，是同類(lèi)色的黃色不同明度顏色，頁(yè)面看起來(lái)干凈、單純。點(diǎn)睛色白色淡黃色在深色黃色背景下比較顯眼，且在最中間位置，是整個(gè)頁(yè)面中的高調(diào)部分。這三種黃色，明度都很高，只有背景輔助色明度稍低，點(diǎn)睛黃色H色相是三種顏色中黃色傾向最高的為57度，而60度是正黃色，因此明度也是最高的，充分的發(fā)揮其點(diǎn)睛色的作用。背景色和前景色只在色相上明度上有非常微妙的變化，卻也很巧妙，形成了變化較明顯的空間層次感，削弱了同類(lèi)色易產(chǎn)生的單調(diào)感。點(diǎn)睛色白色讓層次感更明顯。結(jié)論：同類(lèi)色的屬性使得整個(gè)頁(yè)面非常和諧，可以根據(jù)不同的主題來(lái)設(shè)計(jì)配色?？梢酝ㄟ^(guò)明度、飽和度的不同變化來(lái)加強(qiáng)頁(yè)面配色的層次感。網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析黃色系2006-11-22 08:36:17來(lái)源: 天極網(wǎng) 網(wǎng)友評(píng)論 4 條 進(jìn)入論壇 中黃色應(yīng)用網(wǎng)頁(yè)例圖： 中黃色系分析：背景中黃色上點(diǎn)綴多種艷度較高的顏色，都是屬于跳躍的顏色，渲染整個(gè)網(wǎng)站的熱鬧環(huán)境氣氛，符合該網(wǎng)站的設(shè)計(jì)主題。從HSB數(shù)值上看，該中黃色的明度和飽和度呈最高值，屬于明亮耀眼的顏色。輔助色是黃綠色和紅色，黃綠色在中黃背景下呈冷色調(diào)，輕快單薄的亮色；紅色的HSB數(shù)值H色相上看是正紅色，明度稍低，這里屬于厚重沉穩(wěn)的顏色，在中黃色背景下呈現(xiàn)暖色調(diào)；背景中黃色在黃綠色和紅色兩者中這時(shí)呈中間色，是很好的整體頁(yè)面視覺(jué)過(guò)渡色。加之商品圖片多種亮艷的色澤混合在同一頁(yè)面上，點(diǎn)睛色白色在這里起到了調(diào)和多種顏色的作用，減少、透氣于整個(gè)頁(yè)面的多種配色噪音。 結(jié)論：當(dāng)背景色起到中間色的作用時(shí)，頁(yè)面少量冷暖色彩搭配較容易調(diào)和。通常商品網(wǎng)站志在渲染熱鬧氣氛，比較適合活潑跳躍、色彩絢麗的配色方案，但色彩的調(diào)和難度較大。 黃綠色調(diào)網(wǎng)頁(yè)例圖： .ar 黃綠色調(diào)分析：主色調(diào)為黃綠色，單純而看，黃綠色是通常的暖色的起始色、色彩中亮度最高的黃色與冷色的起始色、綠色相結(jié)合而得，因此該顏色看起來(lái)非常明快清新。處于輔助色的非色彩黑色，中間的點(diǎn)綴色是主色調(diào)黃綠色，很容易讓人一時(shí)以為該顏色就是點(diǎn)睛色。實(shí)際主色調(diào)黃綠色的明度非常高，飽和度這時(shí)也很高，在明度最低的黑色襯映下就異常顯眼。背景色使用略有些漸變的效果，正是黃綠和黑（灰）顏色的柔和過(guò)渡，頁(yè)面調(diào)和。點(diǎn)睛色在這里混色較多，RGB、HSB數(shù)值差距都不大，因此顏色偏灰色階，仔細(xì)分析是黃綠色與少許黑色混合而得，起到了調(diào)和背景色與輔助色明度差異過(guò)大的作用。結(jié)論：點(diǎn)睛色可以是少許耀眼的顏色，也可以是少許協(xié)調(diào)于視覺(jué)的混合灰色，無(wú)論是耀眼的顏色還是謙遜沉穩(wěn)的灰色，都是不可缺少的角色，有著不可替代的作用。整個(gè)頁(yè)面配色較單純，只有三種色，非色彩來(lái)說(shuō)分別起到黑（輔助黑）白（主色黃綠）灰（點(diǎn)睛混合色）的作用，所以頁(yè)面配色較有層次感，并不顯得單調(diào)。網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析黃色系2006-11-22 08:36:17來(lái)源: 天極網(wǎng) 網(wǎng)友評(píng)論 4 條 進(jìn)入論壇 黃色鄰近色網(wǎng)頁(yè)例圖：www.leerbanen.nl 黃色鄰近色配色（黃色+紅色）分析：選取的上圖三組色里HSB數(shù)值的B明度雖然都有些變化，但S飽和度分毫沒(méi)有受到影響，仍都呈最高值100，因此頁(yè)面配色異常耀眼。好在其間有少量不同明度飽和度的紅色系色塊做壓制，頁(yè)面顯得沉穩(wěn)許多，頁(yè)面色彩層次也豐富了許多，塊面交織設(shè)計(jì)富有節(jié)奏韻律美，卻也有雀躍的感覺(jué)。頁(yè)面照片人物也經(jīng)過(guò)了雙色調(diào)處理，與頁(yè)面色彩風(fēng)格一致。整個(gè)頁(yè)面屬于明暗反差較大的色調(diào)，所以頁(yè)面響亮明快，極賦視覺(jué)沖擊力、感染力。結(jié)論：耀眼的顏色有深色塊壓制，也是很好的調(diào)和方法。該頁(yè)面里的不少小色塊混合了暗灰色，因此頁(yè)面飽和度刺激程度得到少許降低并調(diào)和。同類(lèi)色系、類(lèi)似色系不同純度明度的深淺變化搭配，增添現(xiàn)代美感。 高純度黃色鄰近色應(yīng)用網(wǎng)頁(yè)例圖： 高純度黃色鄰近色配色（黃色+紅色）分析：全頁(yè)選取的幾個(gè)色彩組合是高純度高明度的鄰近色正黃、淡黃（這里的淡黃色不是指淺黃色，而是色彩顏料色里的稱(chēng)呼。）、中黃及正紅色。我們知道，黃色是色彩系里明度最高的耀眼色，HSB數(shù)值H色相60度是正黃色，特性越高明度越高。H色相度往60度前是接近紅色，而紅色明度相較于黃色低，背景色HSB數(shù)值H色相為48度，往紅色靠近，因此色度較深，呈現(xiàn)為中黃色。使用中黃背景正是烘托突出前景的淡黃色。淡黃色的前景上設(shè)計(jì)少許中黃色帶進(jìn)入，頁(yè)面的色彩層次感生動(dòng)了不少。另一個(gè)輔助色紅色HSB數(shù)值的H色相是0度，顯示正紅色且高純度高亮度，放在最顯眼的標(biāo)志廣告區(qū)域，實(shí)現(xiàn)視覺(jué)引導(dǎo)作用，主次感增強(qiáng)了。白色也是輔助色三色之一，在頂部面積較大的使用，使整個(gè)頁(yè)面的純度緩和了許多，起到提亮并拉開(kāi)空間的作用。點(diǎn)睛色用于導(dǎo)航欄，提示導(dǎo)航區(qū)域的醒目與重要性。網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析黃色系2006-11-22 08:36:17來(lái)源: 天極網(wǎng) 網(wǎng)友評(píng)論 4 條 進(jìn)入論壇 黃色低純度配色應(yīng)用網(wǎng)頁(yè)例圖： 低純度黃色配色（黃色+藍(lán)色）分析：該頁(yè)面是屬于純度較低的多組配色頁(yè)面，配色難度似乎較大，但是按主色調(diào)、輔助色、點(diǎn)睛色來(lái)細(xì)細(xì)分析就會(huì)發(fā)現(xiàn)容易多了。主色調(diào)的中黃色，從RGB數(shù)值B明度48來(lái)看，提高了明度，RGB數(shù)值的變化HSB也相應(yīng)變化，該色調(diào)純度降低，黃色的耀眼特性相應(yīng)緩和。該頁(yè)面輔助色比較多，這里選了主要的三種淺黃、淺藍(lán)、棕紅色，明度純度不同的變化來(lái)分析。淺黃色的RGB三個(gè)數(shù)值接近，因此呈現(xiàn)偏灰的柔和狀態(tài)。正藍(lán)色的RGB數(shù)值R為0，G為255，B為255，該藍(lán)色RGB數(shù)值上看，混合了R紅色11，G的綠色數(shù)值較低，B藍(lán)色的數(shù)值較高，因此飽和度降低，顏色呈淺色調(diào)。棕紅色的RGB的三數(shù)值上看，R的數(shù)值最高為124，加入了對(duì)比色G綠色67，因此顏色變暗發(fā)烏，調(diào)入了適量B藍(lán)色24，因此該顏色飽和度亮度降低，也是該頁(yè)面沉穩(wěn)的主要色調(diào)，牽制艷度較高的幾種顏色。點(diǎn)睛色的HSB數(shù)值H色相為356度，幾乎呈正紅色，只是調(diào)入了少許B藍(lán)色18，因此顏色在明度上稍偏暗。另一點(diǎn)睛白色的作用除了提亮整個(gè)頁(yè)面，同時(shí)也突出標(biāo)志圖像。標(biāo)志是紅色，下面的綠色是紅色的對(duì)比色，目的是突出標(biāo)志的作用，同時(shí)也是黃色與藍(lán)色的中間視覺(jué)過(guò)渡色。結(jié)論：多種輔助色份量相當(dāng)冷暖搭配時(shí)，有飽和度稍低的主色調(diào)牢牢把握住，整個(gè)頁(yè)面容易調(diào)和。由于頁(yè)面顏色較豐富，點(diǎn)睛色在這里起到拉開(kāi)各個(gè)色彩層次的作用，明確主次角色。 本部分小節(jié)： 黃色是色彩系里明度最高的耀眼顏色，尤其是HSB數(shù)值H色相為60度正黃色時(shí)，它的特性越明顯。由于黃色的特性，在頁(yè)面配色的時(shí)候可適當(dāng)添加明度較深的顏色，色階層拉開(kāi)，并起到協(xié)調(diào)刺眼的艷度作用。黃色飽和度、明度的不同變化傳達(dá)不同的意義和作用。 無(wú)論是高純度低純度還是多色彩的頁(yè)面配色，白色起到關(guān)鍵的作用。 點(diǎn)睛色不一定就是非常顯眼的顏色，也有起到調(diào)和整體頁(yè)面配色的作用。 中間色通常被大面積的使用為主色調(diào)、輔助色，是調(diào)和輔助色（有可能是同時(shí)幾種）與點(diǎn)睛色（有可能是幾種）的色彩，是調(diào)和色、調(diào)和方法的關(guān)鍵。網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析橙色系2006-10-27 06:00作者：黎芳 原創(chuàng)出處：天極設(shè)計(jì)在線責(zé)任編輯：Shiny-點(diǎn)擊查看網(wǎng)頁(yè)設(shè)計(jì)配色基礎(chǔ)、應(yīng)用及實(shí)戰(zhàn)完整專(zhuān)題橙色具有輕快、歡欣、收獲、溫馨、時(shí)尚的效果，是快樂(lè)、喜悅、能量的色彩。在整個(gè)色譜里，橙色具有興奮度，是最耀眼的色彩。給人以華貴而溫暖，興奮而熱烈的感覺(jué)，也是令人振奮的顏色。具有健康、富有活力、勇敢自由等象征意義，能給人有莊嚴(yán)、尊貴、神秘等感覺(jué)。橙色在空氣中的穿透力僅次于紅色，也是容易造成視覺(jué)疲勞的顏色。在網(wǎng)頁(yè)顏色里，橙色適用于視覺(jué)要求較高的時(shí)尚網(wǎng)站，屬于注目、芳香的顏色，也常被用于味覺(jué)較高的食品網(wǎng)站，是容易引起食欲的顏色。 下面我們根據(jù)橙色系不同屬性鄰近色、同類(lèi)色、對(duì)比色的搭配做不同的舉例分析。 橙色 橙色網(wǎng)頁(yè)例圖：http:/ www.wastelink.co.uk 橙色系分析：主色調(diào)橙色HSB數(shù)值的H表示色相，顯示的是30度，而30度正是橙色顯示特征最標(biāo)準(zhǔn)的顏色正橙色。飽和度和亮度同時(shí)達(dá)到最高值，因此整個(gè)頁(yè)面的視覺(jué)刺激是極其耀眼強(qiáng)烈的。這里選取了三種面積相當(dāng)又是整個(gè)頁(yè)面使用得最少的顏色為點(diǎn)睛色，使頁(yè)面生動(dòng)的同時(shí)又運(yùn)用于導(dǎo)航位置，從而達(dá)到突出主題的效果。從HSB數(shù)值上看它們的明度純度相對(duì)較低，與明度純度較高的背景正橙色形成鮮明的對(duì)比。通過(guò)范圍較大的背景白色、前景圖片灰白色和小細(xì)節(jié)前景白色文字制造出明快氣氛的同時(shí)，又呼應(yīng)統(tǒng)一于整個(gè)頁(yè)面。輔助色在這里是橙色與白色的過(guò)渡色。 結(jié)論：飽和度與純度很高特性明顯的顏色，在達(dá)到視覺(jué)沖擊力的同時(shí)，可適當(dāng)采用少許對(duì)比色調(diào)和緩和于視覺(jué)，從而削弱視覺(jué)的疲勞度。網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析橙色系2006-10-27 06:00作者：黎芳 原創(chuàng)出處：天極設(shè)計(jì)在線責(zé)任編輯：Shiny- 深橙紅色系 深橙紅色網(wǎng)頁(yè)例圖：http:/ www.matisserestaurant.ca 深橙紅色系分析：從色相度中可以知道0度為正紅色，30度為正橙色，而主色調(diào)的HSB數(shù)值H顯示22度可知，該深橙紅色是橙色基礎(chǔ)上加入少許鄰近色紅色，整體上降低了明度而得，因?yàn)榧t色本身較橙色明度低，因此這里橙紅色的明度呈現(xiàn)出較低狀態(tài)。輔助色選取了明度相對(duì)于主色調(diào)更低的三種顏色，前面兩種飽和度都較高，最后一種灰藍(lán)色由于明度較高因此飽和度降低，是主色調(diào)與前面兩種輔助色的協(xié)調(diào)色。這個(gè)頁(yè)面背景色運(yùn)用了紋樣，是以目前選取的主色調(diào)顏色和明度較暗的深紅色結(jié)合而得，使得明度稍暗。數(shù)值上看，主色調(diào)也就是背景色的飽和度較高，但是由于降低了明度，顏色變得較沉穩(wěn)。輔助色RGB數(shù)值顯示，添加了適量的其他顏色，G和B數(shù)值區(qū)別不大，因此飽和度降低，顏色趨于柔和穩(wěn)定。點(diǎn)睛色的加入和提亮，使頁(yè)面視覺(jué)效果得到強(qiáng)化。 結(jié)論：前景色通常要較明顯的區(qū)別于背景色，達(dá)到臺(tái)前的宣傳目的。當(dāng)飽和度較低的前景色與背景色變化不明顯時(shí)，形成的是另外一種柔和統(tǒng)一的效果。網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析橙色系2006-10-27 06:00作者：黎芳 原創(chuàng)出處：天極設(shè)計(jì)在線責(zé)任編輯：Shiny- 淺橙色同類(lèi)色 淺橙色同類(lèi)色網(wǎng)頁(yè)例圖： http:/ 淺橙色同類(lèi)色分析：從主色調(diào)和輔色調(diào)在HSB數(shù)值H顯示的數(shù)值是36可以看出，該頁(yè)面色調(diào)是在同一種橙色的基礎(chǔ)上只在明度上發(fā)生了變化。由于主要色調(diào)是淺橙色，明度越高飽和度越低，頁(yè)面上減弱了飽和度較高的橙色特性，整個(gè)網(wǎng)頁(yè)呈現(xiàn)出柔和自然稍有些發(fā)灰的調(diào)子。該網(wǎng)頁(yè)是在橙色這一個(gè)顏色上做不同明度黑白灰色階的柔和變化，屬于單色調(diào)，配色非常的單純。色階平穩(wěn)，同時(shí)存在著不夠醒目的狀態(tài)。