網(wǎng)站設(shè)計(jì)色彩處理技巧之間色、復(fù)色、補(bǔ)色經(jīng)驗(yàn)分享。
1.什么是間色
間色又叫“二次色”。它是由三原色調(diào)配出來的顏色,是由兩種原色調(diào)配出來的。紅與黃調(diào)配出橙色;黃與藍(lán)調(diào)配出綠色;紅與藍(lán)調(diào)配出紫色,橙、綠、紫3種顏色又叫“三間色”。在調(diào)配時,由于原色在分量多少上有所不同,所以能產(chǎn)生豐富的間色變化。深圳網(wǎng)站設(shè)計(jì)公司就網(wǎng)頁制作間色、復(fù)色、補(bǔ)色的相關(guān)特點(diǎn)以及實(shí)操經(jīng)驗(yàn)整理如下:
【示例l】間色網(wǎng)頁示例截圖如圖10-17所示。
網(wǎng)站設(shè)計(jì)色彩處理間色效果示意圖7-10
實(shí)操分析
以上網(wǎng)頁示例截圖4種間色搭配起非常明快、鮮亮。以上4組顏色RGB數(shù)值的共同點(diǎn)是以兩色混合為主,都是3位數(shù)值,另外色分量較少,為兩位數(shù)值,因此飽和度較高,色相傾向明顯。HSB數(shù)值的共同點(diǎn)是,除了紫色,其他三色的S飽和度相當(dāng),屬較高數(shù)值,因此視覺刺激也強(qiáng)。
從RGB數(shù)值顯示上看,綠色含量較高達(dá)到208.混合了R189的黃色光.因此顏色偏黃綠色,由于添加了B18.飽和度相對降低。玫瑰色中R的含量最高.與B109混合為主要組成色,添加了少量的G27黃,純度偏高。橙色中R的含量很高為2ss.混合了G145黃為主要組成色.添加了第三色B34,飽和度稍降低。紫色是由藍(lán)色和紅色調(diào)配而成,B為170,R為148,混色分量相當(dāng)也就成為了組合紫色這間色的主要成分,但是由于添加了G87,也是4組顏色中的間色混合第三色數(shù)值最高的,HSB中S數(shù)值相對其他三色,降低很多,因此顏色相對于其他3種較沉穩(wěn)、
緩和。
【深圳網(wǎng)站制作公司小結(jié)】
間色是由三原色中的兩原色調(diào)配而成的,因此在視覺刺激的強(qiáng)度相對三原色來說緩和不少。屬于較易搭配之色。間色盡管是二次色,但仍有很強(qiáng)的視覺沖擊力,容易帶來輕松、明快、喻悅的氣氛。
2.什么是復(fù)色
復(fù)色也叫“復(fù)合色”。復(fù)色是由原色與間色相調(diào)或由間色與間色相調(diào)而成的“三次色”,復(fù)色是純度最低的,含灰色成分。復(fù)色包括了除原色和間色以外的所有顏色。
【示例2】復(fù)色網(wǎng)頁示例截圖如圖10-18所示。
網(wǎng)站設(shè)計(jì)復(fù)色制作頁面效果示意圖10-18
分析
以上4種顏色中源綠色和赭石色為復(fù)色,之所以還選擇其他兩種顏色,為的是更好地配合說明復(fù)色的特性,如果沒有另外兩種非復(fù)色搭配,頁面配色就可能出現(xiàn)骯臟等不舒服的感覺。
深綠和赭石這兩種復(fù)色的數(shù)值都是個分量最多的3位數(shù),另外兩者成分相當(dāng),都為兩位數(shù)組合而得。RGB之間的數(shù)值差距較接近、不明顯,色階較趨于直線平穗,呈灰階。HSB中SB顯示的數(shù)值也非常接近,成為符合復(fù)色特性的必須條件。
【深圳網(wǎng)站制作公司小結(jié)】
復(fù)色是由兩種間色或原色與間色混合而成,因此色相傾向較微妙、不明顯,視覺刺激度緩和,如果搭配不當(dāng),頁面便呈現(xiàn)易臟或易灰蒙蒙的效果,沉悶、壓抑之感,屬于不好搭配之色。但有時復(fù)色加深色搭配能很好地表達(dá)神秘感、縱深感和空間感;明度高的多復(fù)色多用來表示寧靜柔和、細(xì)膩的情感,易于長時間的瀏覽。
3.什么是補(bǔ)色
補(bǔ)色是廣義上的對比色。在色環(huán)上劃直徑,正好相對(即距離最遠(yuǎn))的兩種色彩互為補(bǔ)色。如紅色是綠色的補(bǔ)色;橙色是藍(lán)色的補(bǔ)色黃色是紫色的補(bǔ)色。補(bǔ)色的運(yùn)用可以造成最強(qiáng)烈的對比。
【示例3】補(bǔ)色網(wǎng)頁示例截圖如圖10-19所示。
網(wǎng)站設(shè)計(jì)色彩補(bǔ)色處理操作示意圖10-9
分析
選用了組紅綠對比色,極賦視覺沖擊力,所表現(xiàn)出的性格異常鮮明。我們看到RGB中綠色的數(shù)值顯示情況符合復(fù)色的條件,因此注定了該顏色明度稍晤、純度較低的特性,而紅色R數(shù)值118構(gòu)成了該色的主要成分,其他G72、B61數(shù)值接近,純度和亮度相對綠色較高,因此2色在構(gòu)成色彩空間差距上拉大。HSB中2色的S數(shù)值也顯示出,它們的飽和度相差較大。
【深圳網(wǎng)站制作公司小結(jié)】
補(bǔ)色最能傳達(dá)強(qiáng)烈、個性的情感。純度稍低的綠色為背景的大面積使用,對比并突出了前景純度明度較高的面積較小紅色的圖形,形成了視覺中心重點(diǎn)突出,達(dá)到主次分明的主題效果。
紅綠、橙藍(lán)、黃紫這3組補(bǔ)色中,前兩種使用得最頻繁。這三組補(bǔ)色搭配出的最終效果和目的,可以用兩個字來概括強(qiáng)烈。網(wǎng)站制作公司關(guān)于網(wǎng)頁設(shè)計(jì)配色的相關(guān)知識本文就介紹到這里。謝謝關(guān)注,博納網(wǎng)絡(luò)編輯整理。