【示例】灰色搭配棕黃色應(yīng)用網(wǎng)頁示例截圖如圖示。
【分析】
主色調(diào)是由兩種明度較接近的灰色構(gòu)成。從RGB和HSB模式上能看到這兩種灰色屬于純正的非色彩,沒有其他的顏色摻雜進(jìn)去。輔助色為復(fù)色,我們知道復(fù)色是由兩種間色或者原色和間色混合產(chǎn)生,通常所混合產(chǎn)生的顏色色相不明顯,當(dāng)某種顏色所占的比重大時(shí),該顏色的色相才相較突出。從H色相上看顏色稍偏黃色,由于混合其他顏色且明度較低,因此呈棕黃色。復(fù)色棕黃色在背景深灰的襯托下低調(diào)不張揚(yáng),能很好地與之融為一體。
點(diǎn)睛色H顯示120°是正綠色。該綠色選擇了明度適中純度不高的配色,既表達(dá)了主題,又能與整個(gè)頁面灰調(diào)子很好地調(diào)和在一起。另一點(diǎn)睛色白色讓所有顏色的特性都得以很好地發(fā)揮,并起到拉開色階層次的作用。
【點(diǎn)評(píng)】
深灰色具有謙虛、平凡、沉默、中庸、寂寞、憂郁、消極的心理感受。主色調(diào)主要集中在背景的運(yùn)用和變化上,增強(qiáng)頁面的空間感,視覺元素頗有時(shí)尚現(xiàn)代的氣息,與前景的色彩明度純度稍有變化,又在視覺上達(dá)到風(fēng)格統(tǒng)一。
【示例】灰色配色以無彩色搭配為主的應(yīng)用網(wǎng)頁示例截圖如圖所示。
【分析】
整個(gè)頁面效果如同古老的黑白照。初看該頁面容易把背景的深灰色誤認(rèn)為是黑色,再仔細(xì)觀看就感覺到了此種深灰色不凡的作用,假如背景色使用了黑色,頁面的主體人物和空間感的相互作用就變得僵硬且呆板。
從RGB和HSB模式上可知主色調(diào)深灰色為純正的非色彩,明度很低。但與人物的毛發(fā)對(duì)比就能看出它們明度之間的差異。輔助色取的是照片的膚色,也是純正的淺灰色,該人物占據(jù)了該頁面三分之一的面積,主次鮮明。
盡管點(diǎn)睛色是明度最高的白色,但是由于只在小文字上小面積地使用,因此只起到了點(diǎn)綴一下頁面細(xì)節(jié)突顯主次關(guān)系的作用。
以上灰色頁面配色示例不難看出,在網(wǎng)頁設(shè)計(jì)中,都是非色彩系灰色為主色調(diào)點(diǎn)綴極少面積的色彩系,色彩運(yùn)用的面積反差越大,頁面所呈現(xiàn)的獨(dú)特魅力也就越強(qiáng)烈?;疑奶匦栽谟谀馨汛碳ひ鄣念伾岷突?,這將是調(diào)和多個(gè)頁面配色的利器,但是也要注意不同明度灰色所起到的配色作用,不同明度的灰色搭配不同的彩度顏色時(shí),所得到的結(jié)果差別很大,根據(jù)整體頁面配色應(yīng)在灰色明度上反復(fù)地調(diào)整。
在網(wǎng)站建設(shè)時(shí),灰色謙和內(nèi)斂的特性決定了不同明度的灰色扮演的是輔佐陪襯的角色。灰色相對(duì)黑色、白色要多些變化,因?yàn)樗芡ㄟ^明度來表達(dá)不同的性格特征。灰色與其他彩度色彩搭配時(shí)能降低張揚(yáng)耀眼的顏色,是調(diào)和色彩的方法之一。在網(wǎng)頁設(shè)計(jì)時(shí),兩種或兩種以上的色彩混合,如能配上灰色,這兩個(gè)色調(diào)本身必能相互調(diào)和。無彩度的黑白灰不同面積的使用,相對(duì)彩度色系來說是比較容易的顏色搭配,且能包容所有的彩度顏色。
當(dāng)前文章標(biāo)題:網(wǎng)頁設(shè)計(jì)中的灰色色彩搭配(二)
當(dāng)前URL:http://www.gtalker.cn/news/wzzz/3166.html