在實用美術(shù)中,常有"遠(yuǎn)看色彩近看花,先看顏色后看花,七分顏色三分花"的說法。
這也就說明,在任何設(shè)計中,色彩對視覺的刺激起到第一信息傳達(dá)的作用。因此,對色彩的基礎(chǔ)知識的良好掌控,在網(wǎng)頁設(shè)計中才能做到游刃有余。 前面我們介紹了常用的電腦色彩模式RGB、HSB,以及色彩的三大屬性,今天我們介紹常用配色的基本概念和相關(guān)實例剖析。
黃色分析:
選取了主色調(diào)黃色為示例。我們看到RGB數(shù)值中RG呈現(xiàn)最高值255時,HSB數(shù)值中的SB也呈現(xiàn)最高值100%,頁面呈現(xiàn)最高純度亮度——純黃色。因此黃色在三原色中也是亮度最高的顏色。 結(jié)論: HSB中SB呈現(xiàn)的數(shù)值越高,飽和度明度越高,頁面色彩強烈艷麗,由于黃色是亮度最高的顏色這一特性,也給人視覺產(chǎn)生強烈刺激的狀態(tài),對視覺刺激是迅速的、警戒、醒目的效果,但不易于長時間觀看。
紅色分析:
我們看到RGB中R的數(shù)值是227,混合了G30、B40,因此紅色的純度輕微降低,顏色稍偏深紅。HSB數(shù)值中S顯示的飽和度為87%,B為89%,因此顏色還是較為飽和明亮。 結(jié)論: 主色R227數(shù)值較高的時候,由于混合了G30、B40少許顏色,飽和度明度稍微降低,視覺刺激減弱,紅色特性顯得較沉穩(wěn)。但由于紅色是最溫暖最有視覺沖擊力的顏色特性,該網(wǎng)頁整體看來仍然厚重而熱烈的表達(dá)了主題。
藍(lán)色分析:
RGB數(shù)值中B藍(lán)色的數(shù)值是131與 R2、G83相混合,藍(lán)色的純度降低。結(jié)合HSB中數(shù)值H色相目前顯示的是203°,而三原色的純藍(lán)為240°來看,藍(lán)色的色相偏離較大,加上B為51%的明度,顏色偏暗,因此視覺沖擊力較弱。頁面沉穩(wěn)、凝重。 結(jié)論: 當(dāng)藍(lán)色色相偏離于三原色的純藍(lán)時,視覺沖擊力削弱。頁面呈沉穩(wěn)、平靜的感受。藍(lán)色在三原色里是視覺傳遞速度最慢的顏色特性,適合用于表達(dá)成熟、穩(wěn)重、安靜的網(wǎng)頁設(shè)計主題。 藍(lán)色在網(wǎng)頁設(shè)計里也是使用得較頻繁的顏色。
從RGB數(shù)值顯示上看,綠色含量較高達(dá)到208,混合了R189的黃色光,因此顏色偏黃綠色,由于添加了B18,飽和度相對降低。玫瑰色中R的含量最高,與B109混合為主要組成色,添加了少量的G27黃,純度偏高。橙色中R的含量很高為255,混合了G145黃為主要組成色,添加了第三色B34,飽和度稍降低。紫色是由藍(lán)色和紅色調(diào)配而成,B為170,R為148,混色份量相當(dāng)也就成為了組合紫色這一間色的主要成份,但是由于添加了G87,也是4組顏色中的間色混合第三色數(shù)值最高的,HSB中S數(shù)值相對其他三色,降低很多,因此顏色相對于其它3種較沉穩(wěn),緩和。 以上4組顏色RGB數(shù)值的共同點是以兩色混合為主,都是三位數(shù)值,另外一色份量較少,為兩為數(shù)值,因此飽和度較高,色相傾向明顯。HSB數(shù)值的共同點是,除了紫色,其他三色的S飽和度相當(dāng),屬較高數(shù)值,因此視覺刺激也強。 結(jié)論: 間色是由三原色中的兩原色調(diào)配而成的,因此在視覺刺激的強度相對三原色來說緩和不少。屬于較易搭配之色。 間色盡管是二次色,但仍有很強的視覺沖擊力,容易帶來輕松、明快、愉悅的氣氛。
以上4種顏色中深綠色和赭石色為復(fù)色,之所以還選擇其它2顏色,為的是更好的配合說明復(fù)色的特性,如果沒有另外兩種非復(fù)色搭配,頁面配色就可能出現(xiàn)骯等不舒服的感覺。 我們看到深綠及赭石這兩種復(fù)色的數(shù)值都以一個份量最多的三位數(shù),另外兩者成份相當(dāng),都為兩位數(shù)組合而得。RGB之間的數(shù)值差距較接近、不明顯,色階較趨于直線平穩(wěn),呈灰階。HSB中SB顯示的數(shù)值也非常接近,成為符合復(fù)色特性的必須條件。 結(jié)論: 復(fù)色是由兩種間色或原色與間色混合而成,因此色相傾向較微妙、不明顯,視覺刺激度緩和,如果搭配不當(dāng),頁面便呈現(xiàn)易臟或易灰朦朦的效果,沉悶、壓抑之感,屬于不好
選用了一組紅綠對比色,極賦視覺沖擊力、所表現(xiàn)出的性格異常鮮明。 我們看到RGB中綠色的數(shù)值顯示情況符合復(fù)色的條件,因此注定了該顏色明度稍暗、純度較低的特性,而紅色R數(shù)值118構(gòu)成了該色的主要成份,其他G72,B61數(shù)值接近,純度和亮度相對綠色較高,因此2色在構(gòu)成色彩空間差距上拉大。HSB中2色的S數(shù)值也顯示出,它們的飽和度相差較大。 結(jié)論: 補色最能傳達(dá)強烈、個性的情感。純度稍低的綠色為背景的大面積使用,對比并突出了前景純度明度較高的面積較小紅色的圖形,形成了視覺中心重點突出,達(dá)到主次分明的主題效果。 紅綠、橙藍(lán)、黃紫這三組補色中,前兩種使用得最頻繁。這三組補色搭配出的最終效果和目的,可以用兩個字來概括——強烈!
上圖選用了紅色、黃色為鄰近色示例,主要在色相上做區(qū)別豐富了頁面色彩上的變化。 RGB數(shù)值上看,以上5色R的數(shù)值都很高,僅是微妙的不同。其中淺黃色的B為138,因此在HSB數(shù)值中純度S顯示最低,為46%;5色RGB中G的數(shù)值都不同,色相、明度也產(chǎn)生相應(yīng)的不同。從數(shù)值上分析整體看來,5色都有在同一頻率的變化。 結(jié)論: 由于是相鄰色系,視覺反差不大,統(tǒng)一、調(diào)和,形成協(xié)調(diào)的視覺韻律美,相較顯得安定、穩(wěn)重的同時不失活力,是一種恰到好處的配色類型。
選用紅色系4種同類色示例,主要在明度上做區(qū)別變化。 由于是紅色系,4色RGB數(shù)值中的R,數(shù)值都很高,且相當(dāng)。從HSB數(shù)值看出,明度越高的顏色飽和度越低。 這4種同類色相來看,明度在強中弱的節(jié)奏中的緩和的進(jìn)行變化。 結(jié)論: 第一眼看上去給人溫柔、雅致、安寧的心理感受,便可知該組同類色系非常調(diào)和統(tǒng)一。只運用同類色系配色,是十分謹(jǐn)慎穩(wěn)妥的做法,但是有時會有單調(diào)感。添加少許相鄰或?qū)Ρ壬担梢泽w現(xiàn)出頁面的活躍感和強度。
結(jié)論: 高明度高純度的色彩搭配,把頁面表達(dá)得鮮艷炫目,有非常強烈刺激的視覺表現(xiàn)力。 充分體現(xiàn)了暖色系的飽和度越高,其溫暖特性越明顯的性格。
冷色分析: 該網(wǎng)頁示例主要選用了鄰近色系藍(lán)色綠色和同類色的明度變化。其中3種藍(lán)色系的RGB數(shù)值從二位數(shù)到三位數(shù),隨著明度的遞增的同時,由低到高在有規(guī)律有節(jié)奏的變化。HSB的數(shù)值SB也相對隨著同比變化,純度S的含量都不大,因此這幾組色彩相對含蓄柔和。 綠色系RGB數(shù)值G的色相明顯,相應(yīng)添加了高亮度的黃色R,使色彩較鮮艷明快。HSB數(shù)值SB也顯示出其高純度高亮度的特性。 結(jié)論: 冷色系的亮度越高,其特性越明顯。單純冷色系搭配視覺感比暖色系舒適,不易造成視覺疲勞。藍(lán)色、綠色是冷色系的主要系,是設(shè)計中較常用的顏色,也是大自然之色,帶來一股清新、祥和安寧的空氣。 本部分小結(jié):
|
|
來自: 曾經(jīng)蒼海 > 《電腦技巧》