→ 黃色鄰近色網(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)和。
同類色系、類似色系不同純度明度的深淺變化搭配,增添現(xiàn)代美感。
→ 高純度黃色鄰近色應(yīng)用網(wǎng)頁(yè)例圖:www.mudbubble.com
高純度黃色鄰近色配色(黃色+紅色)分析:
全頁(yè)選取的幾個(gè)色彩組合是高純度高明度的鄰近色正黃、淡黃(這里的淡黃色不是指淺黃色,而是色彩顏料色里的稱呼。)、中黃及正紅色。
我們知道,黃色是色彩系里明度最高的耀眼色,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ū)域的醒目與重要性。
結(jié)論:
高純度高明度的顏色調(diào)子耀眼響亮,通常對(duì)視覺(jué)的刺激程度較大。
鄰近色由正黃到最后的正紅色是色輪表的協(xié)調(diào)過(guò)渡色,因此頁(yè)面調(diào)和。
鄰近色與同類色一樣,是調(diào)和色,但較同類色更生動(dòng)更多變化。
→ 黃色低純度配色應(yīng)用網(wǎng)頁(yè)例圖:www.luckystarcafe.com
低純度黃色配色(黃色+藍(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)鍵。
