網(wǎng)頁設計時的間色、復色、補色

間色

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

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

88aebd1a30e1f189a8491a3d993c63d7.jpg

【分析】

79c85dc6689ec6169be12f39aaa0bfd2.jpg

以上網(wǎng)頁設計示例截圖4種間色搭配一起非常明快、鮮亮。以上4組顏色RGB數(shù)值的共同點是以兩色混合為主,都是3位數(shù)值,另外一色分量較少,為兩位數(shù)值,因此飽和度較高,色相傾向明顯。HSB數(shù)值的共同點是,除了紫色,其他三色的S飽和度相當,屬較高數(shù)值,因此視覺刺激也強。

從RGB數(shù)值顯示上看,綠色含量較高達到208,混合了R189的黃色光,因此顏色偏黃綠色,由于添加了B18,飽和度相對降低。玫瑰色中R的含量最高,與B109混合為主要組成色,添加了少量的G27黃,純度偏高。橙色中R的含量很高為255,混合了G145黃為主要組成色,添加了第三色B34,飽和度稍降低。紫色是由藍色和紅色調配而成,B為170,R為148,混色分量相當也就成為了組合紫色這一間色的主要成分,但是由于添加了G87,也是4組顏色中的間色混合第三色數(shù)值最高的,HSB中S數(shù)值相對其他三色,降低很多,因此顏色相對于其他3種較沉穩(wěn)、緩和。

【點評】

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

復色

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

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

【分析】

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

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

【點評】

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

補色

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

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

【分析】

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

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

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


網(wǎng)站建設、網(wǎng)絡營銷咨詢專線:0871-63535511(點擊可一鍵撥號)