鄰近色
在網(wǎng)頁設(shè)計(jì)中,鄰近色在色環(huán)上表示任一顏色同其毗鄰之色。鄰近色也是類似色關(guān)系,只是范圍縮小了一點(diǎn)。例如紅色和黃色,綠色和藍(lán)色,互為鄰近色。
【示例1】鄰近色網(wǎng)頁示例截圖如圖所示。
【分析】
圖中選用了紅色、黃色為鄰近色示例,主要在色相上做區(qū)別豐富了頁面色彩上的變化。從RGB數(shù)值上看,以上5色R的數(shù)值都很高,僅是微妙的不同。其中淺黃色的B為138,因此在HSB數(shù)值中純度S顯示最低,為46%;5色RGB中G的數(shù)值都不同,色相、明度也產(chǎn)生相應(yīng)的不同。從數(shù)值上分析整體看來,5色都有在同一頻率的變化。
【點(diǎn)評(píng)】
由于是相鄰色系,視覺反差不大,統(tǒng)一、調(diào)和,形成協(xié)調(diào)的視覺韻律美,相較顯得安定、穩(wěn)重的同時(shí)不失活力,是一種恰到好處的配色類型。2. 同類色比鄰近色更加接近的顏色,它主要指在同一色相中不同的顏色變化。例如,紅顏色中有紫紅、深紅、玫瑰紅、大紅、朱紅、橘紅等種類,黃顏色中又有深黃、土黃、中黃、橘黃、淡黃、檸檬黃等區(qū)別。它起到色彩調(diào)和統(tǒng)一,又有微妙變化的作用。
【示例2】同類色網(wǎng)頁示例截圖如圖所示。
【分析】
選用紅色系4種同類色示例,主要在明度上做區(qū)別變化。由于是紅色系,4色RGB數(shù)值中的R,數(shù)值都很高且相當(dāng)。從HSB數(shù)值看出,明度越高的顏色飽和度越低。從這4種同類色相來看,明度在強(qiáng)中弱的節(jié)奏中緩和地進(jìn)行變化。
【點(diǎn)評(píng)】
第一眼看上去給人溫柔、雅致、安寧的心理感受,便可知該組同類色系非常調(diào)和統(tǒng)一。在網(wǎng)站建設(shè)時(shí),只運(yùn)用同類色系配色,是十分謹(jǐn)慎穩(wěn)妥的做法,但是有時(shí)會(huì)有單調(diào)感。添加少許相鄰或?qū)Ρ壬?,可以體現(xiàn)出頁面的活躍感和強(qiáng)度。
暖色
暖色指的是紅、橙、黃這類顏色。暖色系的飽和度越高,其溫暖特性越明顯。可以刺激人的興奮性,使體溫有所升高。
【示例1】暖色網(wǎng)頁示例截圖如圖所示。
【分析】
由于是暖色系,以上面3種顏色RGB數(shù)值中R的含量為主導(dǎo),B都為0,暖度強(qiáng)度傾向在G的添加黃色成分變化中可以看到,較規(guī)律的數(shù)值變化、較有視覺節(jié)奏感。HSB中純度S和明度B都達(dá)到最高值,是鮮艷奪目的搭配色組合。
【點(diǎn)評(píng)】
高明度高純度的色彩搭配,把頁面表達(dá)得鮮艷炫目,有非常強(qiáng)烈刺激的視覺表現(xiàn)力,充分體現(xiàn)了暖色系的飽和度越高,其溫暖特性越明顯的性格。
2. 冷色
冷色指的是綠、青、藍(lán)、紫等顏色,冷色系亮度越高,其特性越明顯,能夠使人的心情平靜、清爽、恬雅。
【示例2】冷色網(wǎng)頁示例截圖如圖所示。
、
【分析】
該網(wǎng)頁示例主要選用了鄰近色系藍(lán)色綠色和同類色的明度變化。其中3種藍(lán)色系的RGB數(shù)值從兩位數(shù)到3位數(shù),隨著明度遞增的同時(shí),由低到高在有規(guī)律、有節(jié)奏地變化。HSB的數(shù)值SB也相對(duì)隨著同比變化,純度S的含量都不大,因此這幾組色彩相對(duì)含蓄柔和。綠色系RGB數(shù)值G的色相明顯,相應(yīng)添加了高亮度的黃色R,使色彩較鮮艷明快。HSB數(shù)值SB也顯示出其高純度高亮度的特性。
【點(diǎn)評(píng)】
冷色系的亮度越高,其特性越明顯。單純冷色系搭配視覺感比暖色系舒適,不易造成視覺疲勞。藍(lán)色、綠色是冷色系的主要系,是網(wǎng)頁設(shè)計(jì)中較常用的顏色,也是大自然之色,帶來一股清新、祥和安寧的空氣。
當(dāng)前文章標(biāo)題:網(wǎng)頁設(shè)計(jì)時(shí)的鄰近色、同類色以及冷暖色
當(dāng)前URL:http://m.iy5y368.cn/news/wzzz/3163.html