網(wǎng)頁設(shè)計(jì)時(shí)的間色、復(fù)色、補(bǔ)色

  • 2020-02-13 14:34:00
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://51zuanshi.com.cn

間色

間色又叫“二次色”。它是由三原色調(diào)配出來的顏色,是由兩種原色調(diào)配出來的。紅與黃調(diào)配出橙色;黃與藍(lán)調(diào)配出綠色;紅與藍(lán)調(diào)配出紫色,橙、綠、紫3種顏色又叫“三間色”。在網(wǎng)頁設(shè)計(jì)時(shí)時(shí),由于原色在分量多少上有所不同,所以能產(chǎn)生豐富的間色變化。

【示例1】間色網(wǎng)頁示例截圖如圖所示。

88aebd1a30e1f189a8491a3d993c63d7.jpg

【分析】

79c85dc6689ec6169be12f39aaa0bfd2.jpg

以上網(wǎng)頁設(shè)計(jì)示例截圖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的含量很高為255,混合了G145黃為主要組成色,添加了第三色B34,飽和度稍降低。紫色是由藍(lán)色和紅色調(diào)配而成,B為170,R為148,混色分量相當(dāng)也就成為了組合紫色這一間色的主要成分,但是由于添加了G87,也是4組顏色中的間色混合第三色數(shù)值最高的,HSB中S數(shù)值相對其他三色,降低很多,因此顏色相對于其他3種較沉穩(wěn)、緩和。

【點(diǎn)評】

間色是由三原色中的兩原色調(diào)配而成的,因此在視覺刺激的強(qiáng)度相對三原色來說緩和不少。屬于較易搭配之色。間色盡管是二次色,但仍有很強(qiáng)的視覺沖擊力,容易帶來輕松、明快、愉悅的氣氛。

復(fù)色

也叫“復(fù)合色”。復(fù)色是由原色與間色相調(diào)或由間色與間色相調(diào)而成的“三次色”,復(fù)色是純度最低的,含灰色成分。復(fù)色包括了除原色和間色以外的所有顏色。

【示例2】復(fù)色網(wǎng)頁示例截圖如圖所示。

【分析】

以上4種顏色中深綠色和赭石色為復(fù)色,之所以還選擇其他兩種顏色,為的是更好地配合說明復(fù)色的特性,如果沒有另外兩種非復(fù)色搭配,頁面配色就可能出現(xiàn)骯臟等不舒服的感覺。

深綠和赭石這兩種復(fù)色的數(shù)值都是一個(gè)分量最多的3位數(shù),另外兩者成分相當(dāng),都為兩位數(shù)組合而得。在網(wǎng)頁設(shè)計(jì)中,RGB之間的數(shù)值差距較接近、不明顯,色階較趨于直線平穩(wěn),呈灰階。HSB中SB顯示的數(shù)值也非常接近,成為符合復(fù)色特性的必須條件。

【點(diǎn)評】

復(fù)色是由兩種間色或原色與間色混合而成,因此色相傾向較微妙、不明顯,視覺刺激度緩和,如果搭配不當(dāng),頁面便呈現(xiàn)易臟或易灰蒙蒙的效果,沉悶、壓抑之感,屬于不好搭配之色。但有時(shí)復(fù)色加深色搭配能很好地表達(dá)神秘感、縱深感和空間感;明度高的多復(fù)色多用來表示寧靜柔和、細(xì)膩的情感,易于長時(shí)間的瀏覽。

補(bǔ)色

補(bǔ)色是廣義上的對比色。在色環(huán)上劃直徑,正好相對(即距離最遠(yuǎn))的兩種色彩互為補(bǔ)色。如紅色是綠色的補(bǔ)色;橙色是藍(lán)色的補(bǔ)色;黃色是紫色的補(bǔ)色。補(bǔ)色的運(yùn)用可以造成最強(qiáng)烈的對比。

【示例3】補(bǔ)色網(wǎng)頁示例截圖如圖所示。

【分析】

選用了一組紅綠對比色,極賦視覺沖擊力,所表現(xiàn)出的性格異常鮮明。我們看到RGB中綠色的數(shù)值顯示情況符合復(fù)色的條件,因此注定了該顏色明度稍暗、純度較低的特性,而紅色R數(shù)值118構(gòu)成了該色的主要成分,其他G72、B61數(shù)值接近,純度和亮度相對綠色較高,因此2色在構(gòu)成色彩空間差距上拉大。HSB中2色的S數(shù)值也顯示出,它們的飽和度相差較大。

【點(diǎn)評】補(bǔ)色最能傳達(dá)強(qiáng)烈、個(gè)性的情感。純度稍低的綠色為背景的大面積使用,對比并突出了前景純度明度較高的面積較小紅色的圖形,形成了視覺中心重點(diǎn)突出,達(dá)到主次分明的主題效果。

紅綠、橙藍(lán)、黃紫這3組補(bǔ)色中,前兩種使用得最頻繁。這三組補(bǔ)色搭配出的最終效果和目的,可以用兩個(gè)字來概括—強(qiáng)烈。


當(dāng)前文章標(biāo)題:網(wǎng)頁設(shè)計(jì)時(shí)的間色、復(fù)色、補(bǔ)色

當(dāng)前URL:http://51zuanshi.com.cn/news/wzzz/3162.html

上一篇:基本配色實(shí)例分析

下一篇:網(wǎng)頁設(shè)計(jì)時(shí)的鄰近色、同類色以及冷暖色

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:181-8386-5875(點(diǎn)擊可一鍵撥號)