網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例之灰色系(2)

　　→ 灰色配色（灰色＋對(duì)比色）網(wǎng)頁(yè)例圖：http://www.fantasy-interactive.com
　　
　　
　　
　　灰色系分析：（灰色＋對(duì)比色）
　　從RGB和HSB模式上可看出主色調(diào)不是純正的非色系，里面摻雜了其他色彩，肉眼識(shí)別及H色相為32范圍上都能看出含有微弱的黃色調(diào)在里面，S13%B46%分別顯示該種顏色含濃重的灰色，有少量的黃色加入結(jié)合整個(gè)頁(yè)面的配色是比較調(diào)和的搭配。輔色調(diào)則是運(yùn)用了比較正的淺灰色。
　　點(diǎn)睛色主要是一組橙色、藍(lán)色對(duì)比色構(gòu)成，從雙方的H色相上也能看出來(lái)。RGB模式上看到這兩種顏色都或多或少的摻雜了其他的顏色在里面，所以明度純度上呈灰色階傾向。另一點(diǎn)睛色淺黃色相上呈現(xiàn)正黃色，但由于明度非常高因此色彩呈不飽和狀態(tài)，盡管如此在主色調(diào)灰色的背景下還是比較突出的。
　　
　　結(jié)論：
　　該頁(yè)面依舊以灰色為主導(dǎo)位置，雖然主色調(diào)灰色少量摻雜了黃色，與頁(yè)面其他黃色色彩元素較統(tǒng)一調(diào)和。點(diǎn)睛色主要是以兩對(duì)比色做主導(dǎo)，相對(duì)其他顏色飽和度較高且面積使用得不少，較響亮和突出產(chǎn)品目的。在主色調(diào)灰黃色特性掌控下卻也到達(dá)醒目又和諧的目的。

　　→ 灰色配色（灰色+青藍(lán)色）應(yīng)用網(wǎng)頁(yè)例圖：http://www.stylestation.net
　　
　　
　　
　　灰色系分析：（灰色+青藍(lán)色）
　　肉眼看上去已經(jīng)能識(shí)別到了深灰色主色調(diào)有青藍(lán)色傾向，從HSB模式上能夠看到色相為180度，該深灰色飽和度和明度都比較低。
　　點(diǎn)睛色是淺青藍(lán)色，HSB模式H色相所呈現(xiàn)的色相與主色調(diào)的數(shù)值一致，屬高明度低飽和度色系。
　　主色調(diào)是明度較低的深灰色，是屬于較沉悶的顏色；而點(diǎn)睛色是淺青藍(lán)色，在深灰色的背景下略呈現(xiàn)有些暗淡，并沒(méi)有改善和帶來(lái)明快的感覺(jué)，輔助色是白色大面積的介入而因此使得整個(gè)頁(yè)面得到一定的透亮緩解，這是該頁(yè)面至關(guān)重要的一色。
　　
　　結(jié)論：
　　該頁(yè)面用色不多，深灰、淺青藍(lán)、白，但合理的運(yùn)用這三種顏色的配色角色，能使頁(yè)面煥發(fā)與眾不同的氣質(zhì)魅力。

　　→ 灰色配色（灰色+棕黃色）應(yīng)用網(wǎng)頁(yè)例圖：http:// www.davychan.com
　　
　　
　　
　　灰色系分析：（灰色+棕黃色）
　　主色調(diào)是由兩種明度較接近的灰色構(gòu)成。從RGB和HSB模式上能看到這兩種灰色屬于純正的非色彩，沒(méi)有其他的顏色摻雜進(jìn)去。
　　輔助色為復(fù)色，我們知道復(fù)色是由兩種間色或者原色和間色混合產(chǎn)生，通常所混合產(chǎn)生的顏色色相不明顯，當(dāng)某種顏色所占的比重大時(shí)，該顏色的色相才相較突出。從H色相上看顏色稍偏黃色，由于混合其他顏色且明度較低，因此呈棕黃色。復(fù)色棕黃色在背景深灰的襯托下低調(diào)不張揚(yáng)，能很好的與之融為一體。
　　點(diǎn)睛色H顯示120度是正綠色。該綠色選擇了明度適中純度不高的配色，既表達(dá)了主題又能與整個(gè)頁(yè)面灰調(diào)子很好的調(diào)和一起。另一點(diǎn)睛色白色讓所有的顏色的特性都得以很好的發(fā)揮并起到拉開(kāi)色階層次的作用。
　　
　　結(jié)論：
　　深灰色具有謙虛、平凡、沉默、中庸、寂寞、憂郁、消極的心理感受。
　　主色調(diào)主要集中在背景的運(yùn)用和變化上，增強(qiáng)頁(yè)面的空間感，視覺(jué)元素頗有時(shí)尚現(xiàn)代的氣息，與前景的色彩明度純度稍有變化又在視覺(jué)上達(dá)到風(fēng)格統(tǒng)一。

　　→ 灰色配色（無(wú)彩色搭配）應(yīng)用網(wǎng)頁(yè)例圖：http://www.hejz.com
　　
　　
　　
　　灰色系分析：（無(wú)彩色搭配）
　　就像回到了古老的黑白照年代。初看該頁(yè)面容易把背景的深灰色誤認(rèn)為是黑色，再仔細(xì)觀看就感覺(jué)到了此種深灰色不凡的作用，假如背景色使用了黑色，頁(yè)面的主體人物和空間感的相互作用就變得僵硬且呆板。
　　從RGB和HSB模式上可知主色調(diào)深灰色為純正的非色彩，明度很低。但與人物的毛發(fā)對(duì)比下就能看出它們明度之間的差異。
　　輔助色這里取的是照片的膚色，也是純正的淺灰色，該人物占據(jù)了該頁(yè)面三分之一的面積，主次鮮明。
　　盡管點(diǎn)睛色是明度最高的白色，但是由于只在小文字上的小面積使用，因此只起到了點(diǎn)綴一下頁(yè)面細(xì)節(jié)突顯主次關(guān)系的作用。
　　
　　結(jié)論：
　　根據(jù)前面最初講的網(wǎng)頁(yè)應(yīng)用部分的第一節(jié)色調(diào)，主色調(diào)、輔色調(diào)、點(diǎn)睛色所使用的面積比例來(lái)看，該頁(yè)的例子得到了很好的詮釋。
　　由于該頁(yè)面是非色彩黑白灰構(gòu)成，頁(yè)面配色分析就變得簡(jiǎn)單化了不少，因此在其他頁(yè)面實(shí)例里出現(xiàn)的主色調(diào)、輔色調(diào)、點(diǎn)睛色不同的色彩內(nèi)斂與張揚(yáng)的特性在這里也就涉及不到了。

　　本部分小節(jié)：
　　
　　● 灰色謙和內(nèi)斂的特性決定了不同明度的灰色扮演的是輔佐陪襯的角色。
　　● 非色彩就是沒(méi)有彩度的顏色，而灰色相對(duì)黑色、白色要多些變化，因?yàn)樗艿耐ㄟ^(guò)明度來(lái)表達(dá)不同的性格特征。
　　● 灰色與其他彩度色彩搭配時(shí)能降低張揚(yáng)耀眼的顏色，調(diào)和色彩的方法之一。兩種或兩種以上的色彩混合，如能配上灰色，這兩個(gè)色調(diào)本身必能相互調(diào)和。
　　● 以上的例子中不難看出，都是非色彩系灰色為主色調(diào)點(diǎn)綴極少面積的色彩系，色彩運(yùn)用的面積反差越大，頁(yè)面所呈現(xiàn)的獨(dú)特魅力也就越強(qiáng)烈?；疑奶匦栽谟谀馨汛碳ひ鄣念伾岷突?，這將是調(diào)和多個(gè)頁(yè)面配色的利器，但要也要注意不同明度灰色所起到的配色作用，不同明度的灰色搭配不同的彩度顏色時(shí)，所得到的結(jié)果差別是很大，根據(jù)整體頁(yè)面配色應(yīng)在灰色明度上要反復(fù)的調(diào)整。
　　● 無(wú)彩度的黑白灰不同面積的使用，相對(duì)彩度色系來(lái)說(shuō)是比較容易的顏色搭配，且能包容所有的彩度顏色。