網(wǎng)頁設(shè)計時的鄰近色、同類色以及冷暖色

  1. 鄰近色

網(wǎng)頁設(shè)計中,鄰近色在色環(huán)上表示任一顏色同其毗鄰之色。鄰近色也是類似色關(guān)系,只是范圍縮小了一點。例如紅色和黃色,綠色和藍色,互為鄰近色。

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

1.jpg

【分析】

f79747e6ab489bbc4bdab32a3292c459.jpg

圖中選用了紅色、黃色為鄰近色示例,主要在色相上做區(qū)別豐富了頁面色彩上的變化。從RGB數(shù)值上看,以上5色R的數(shù)值都很高,僅是微妙的不同。其中淺黃色的B為138,因此在HSB數(shù)值中純度S顯示最低,為46%;5色RGB中G的數(shù)值都不同,色相、明度也產(chǎn)生相應(yīng)的不同。從數(shù)值上分析整體看來,5色都有在同一頻率的變化。

【點評】

由于是相鄰色系,視覺反差不大,統(tǒng)一、調(diào)和,形成協(xié)調(diào)的視覺韻律美,相較顯得安定、穩(wěn)重的同時不失活力,是一種恰到好處的配色類型。2. 同類色比鄰近色更加接近的顏色,它主要指在同一色相中不同的顏色變化。例如,紅顏色中有紫紅、深紅、玫瑰紅、大紅、朱紅、橘紅等種類,黃顏色中又有深黃、土黃、中黃、橘黃、淡黃、檸檬黃等區(qū)別。它起到色彩調(diào)和統(tǒng)一,又有微妙變化的作用。

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

2.jpg

【分析】

257e1d06985077bb01c7c8471573a805.jpg

選用紅色系4種同類色示例,主要在明度上做區(qū)別變化。由于是紅色系,4色RGB數(shù)值中的R,數(shù)值都很高且相當(dāng)。從HSB數(shù)值看出,明度越高的顏色飽和度越低。從這4種同類色相來看,明度在強中弱的節(jié)奏中緩和地進行變化。

【點評】

第一眼看上去給人溫柔、雅致、安寧的心理感受,便可知該組同類色系非常調(diào)和統(tǒng)一。在網(wǎng)站建設(shè)時,只運用同類色系配色,是十分謹慎穩(wěn)妥的做法,但是有時會有單調(diào)感。添加少許相鄰或?qū)Ρ壬?,可以體現(xiàn)出頁面的活躍感和強度。

暖色、冷色
  1. 暖色

暖色指的是紅、橙、黃這類顏色。暖色系的飽和度越高,其溫暖特性越明顯。可以刺激人的興奮性,使體溫有所升高。

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

3.jpg

【分析】

33.jpg

由于是暖色系,以上面3種顏色RGB數(shù)值中R的含量為主導(dǎo),B都為0,暖度強度傾向在G的添加黃色成分變化中可以看到,較規(guī)律的數(shù)值變化、較有視覺節(jié)奏感。HSB中純度S和明度B都達到最高值,是鮮艷奪目的搭配色組合。

【點評】

高明度高純度的色彩搭配,把頁面表達得鮮艷炫目,有非常強烈刺激的視覺表現(xiàn)力,充分體現(xiàn)了暖色系的飽和度越高,其溫暖特性越明顯的性格。

2. 冷色

冷色指的是綠、青、藍、紫等顏色,冷色系亮度越高,其特性越明顯,能夠使人的心情平靜、清爽、恬雅。

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

4.jpg、


【分析】

121.jpg

該網(wǎng)頁示例主要選用了鄰近色系藍色綠色和同類色的明度變化。其中3種藍色系的RGB數(shù)值從兩位數(shù)到3位數(shù),隨著明度遞增的同時,由低到高在有規(guī)律、有節(jié)奏地變化。HSB的數(shù)值SB也相對隨著同比變化,純度S的含量都不大,因此這幾組色彩相對含蓄柔和。綠色系RGB數(shù)值G的色相明顯,相應(yīng)添加了高亮度的黃色R,使色彩較鮮艷明快。HSB數(shù)值SB也顯示出其高純度高亮度的特性。

【點評】

冷色系的亮度越高,其特性越明顯。單純冷色系搭配視覺感比暖色系舒適,不易造成視覺疲勞。藍色、綠色是冷色系的主要系,是網(wǎng)頁設(shè)計中較常用的顏色,也是大自然之色,帶來一股清新、祥和安寧的空氣。

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