橙色具有輕快、歡欣、收獲、溫馨、時(shí)尚的效果,是快樂(lè )、喜悅、能量的色彩。在整個(gè)色譜里,橙色具有興奮度,是最耀眼的色彩。給人以華貴而溫暖,興奮而熱烈的感覺(jué),也是令人振奮的顏色。具有健康、富有活力、勇敢自由等象征意義,能給人有莊嚴、尊貴、神秘等感覺(jué)。橙色在空氣中的穿透力僅次于紅色,也是容易造成視覺(jué)疲勞的顏色。
在網(wǎng)頁(yè)顏色里,橙色適用于視覺(jué)要求較高的時(shí)尚網(wǎng)站,屬于注目、芳香的顏色,也常被用于味覺(jué)較高的食品網(wǎng)站,是容易引起食欲的顏色。
橙色
【示例】橙色網(wǎng)頁(yè)設計示例截圖如圖所示。
【分析】主色調橙色HSB數值的H表示色相,顯示的是30度,而30度正是橙色顯示特征最標準的顏色—正橙色。飽和度和亮度同時(shí)達到最高值,因此整個(gè)頁(yè)面的視覺(jué)刺激是極其耀眼強烈的。這里選取了3種面積相當又是整個(gè)頁(yè)面使用得最少的顏色為點(diǎn)睛色,使頁(yè)面生動(dòng)的同時(shí)又運用于導航位置,從而達到突出主題的效果。
從HSB數值上看它們的明度純度相對較低,與明度純度較高的背景正橙色形成鮮明的對比。通過(guò)范圍較大的背景白色、前景圖片灰白色和小細節前景白色文字制造出明快氣氛的同時(shí),又呼應統一于整個(gè)頁(yè)面。輔助色在這里是橙色與白色的過(guò)渡色。
【點(diǎn)評】飽和度與純度很高特性明顯的顏色,在達到視覺(jué)沖擊力的同時(shí),可適當采用少許對比色調和緩和于視覺(jué),從而削弱視覺(jué)的疲勞度。
【示例】深橙紅色網(wǎng)頁(yè)設計示例截圖如圖所示。
【分析】從色相度中可以知道0度為正紅色,30度為正橙色,而主色調的HSB數值H顯示22度可知,該深橙紅色是橙色基礎上加入少許鄰近色紅色,整體上降低了明度而得,因為紅色本身較橙色明度低,因此這里橙紅色的明度呈現出較低狀態(tài)。
這個(gè)頁(yè)面背景色運用了紋樣,是以目前選取的主色調顏色和明度較暗的深紅色結合而得,使得明度稍暗。輔助色選取了明度相對于主色調更低的3種顏色,前面兩種飽和度都較高,最后一種灰藍色由于明度較高因此飽和度降低,是主色調與前面兩種輔助色的協(xié)調色。從數值上看,主色調也就是背景色的飽和度較高,但是由于降低了明度,顏色變得較沉穩。輔助色RGB數值顯示,添加了適量的其他顏色,G和B數值區別不大,因此飽和度降低,顏色趨于柔和穩定。點(diǎn)睛色的加入和提亮,使頁(yè)面視覺(jué)效果得到強化。
【點(diǎn)評】前景色通常要較明顯地區別于背景色,達到臺前的宣傳目的。當飽和度較低的前景色與背景色變化不明顯時(shí),形成的是另外一種柔和統一的效果。
淺橙色
【示例】淺橙色同類(lèi)色網(wǎng)頁(yè)設計示例截圖如圖所示。
【分析】從主色調和輔色調在HSB數值H顯示的數值是36可以看出,該頁(yè)面色調是在同一種橙色的基礎上只在明度上發(fā)生了變化。由于主要色調是淺橙色,明度越高飽和度越低,頁(yè)面上減弱了飽和度較高的橙色特性,整個(gè)網(wǎng)頁(yè)呈現出柔和自然稍有些發(fā)灰的調子。該網(wǎng)頁(yè)是在橙色這一個(gè)顏色上做不同明度黑白灰色階的柔和變化,屬于單色調,配色非常的單純。色階平穩,同時(shí)存在著(zhù)不夠醒目的狀態(tài)。白色在這里是起到了拉開(kāi)主色調和輔色調空間距離,增強輔色調橙色的特性,使整個(gè)稍許有些發(fā)灰的頁(yè)面明快了不少。但也由于白色屬于非色彩,只在明度上呈最高數值而無(wú)彩度,不能給頁(yè)面帶來(lái)彩度所具有的鮮活靚麗的感覺(jué),另一方面卻也呈現出質(zhì)樸的感受。
【點(diǎn)評】同類(lèi)色是在同一色相中不同的明度顏色變化。因此這類(lèi)顏色相對其他類(lèi)別顏色來(lái)說(shuō)明凈而單純,配色上較容易達到協(xié)調統一,但也容易顯得單調。初看該頁(yè)面配色協(xié)調舒服,但看多了的確有些單調乏味的感覺(jué),這也是同類(lèi)色搭配的特性。
在網(wǎng)頁(yè)設計時(shí)同時(shí)由于運用了漸變色這一調和方法,該頁(yè)面同時(shí)占有了前面提到的4種色彩中的調和方法的兩種,整個(gè)頁(yè)面呈現出調和中的調和是毋庸置疑的,但也同時(shí)顯得有些單調,沒(méi)有色彩亮點(diǎn)。
當前文章標題:網(wǎng)頁(yè)設計中的橙色頁(yè)面配色
當前URL:http://amzcoolest.com/news/wzzz/3182.html