網(wǎng)頁設計中紅色頁面配色

  • 2020-10-22 17:03:07
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://m.supportcoffeeroasters.com

紅色的色感溫暖,性格剛烈而外向,是一種對人刺激性很強的顏色。在網(wǎng)頁設計中,紅色容易引起人的注意,也容易使人興奮、激動、緊張、沖動,還是一種容易造成人視覺疲勞的顏色。在眾多顏色里,紅色是最鮮明生動的、最熱烈的顏色。因此紅色也是代表熱情的情感之色。鮮明紅色極容易吸引人們的目光。紅色在不同的明度、純度的狀態(tài)(粉紅、鮮紅、深紅)里,給人表達的情感是不一樣的。

在網(wǎng)頁顏色的應用幾率中,根據(jù)網(wǎng)頁主題內(nèi)容的需求,純粹使用紅色為主色調(diào)的網(wǎng)站相對較少,多用于輔助色、點睛色,達到陪襯、醒目的效果。通常都配以其他顏色調(diào)和。紅色相對于其他顏色,視覺傳遞速度最快。由于以上的這些紅色傳達出的特性,因此人們喜歡用紅色作為警示符號的顏色,例如消防、驚嘆號、錯誤提示等。

朱紅色

【示例】

朱紅色網(wǎng)頁設計示例截圖如圖所示。

1.jpg

【分析】朱紅色在紅色系里傾向黃色方向,是大紅色加入黃色而得。在色環(huán)表中,純紅色在HSB里為0度,往360度方向呈現(xiàn)的是冷紅色系,0度方向為黃色系。

主色調(diào)朱紅色面積非常大、確定明顯,輔助色主要由黑色、深紅構(gòu)成(數(shù)值上選取的是深紅色做標示)。主色調(diào)的R呈現(xiàn)出255最高數(shù)值,S 100%,充分標明了紅色最高特性。輔助色的深紅R為222,B 87%,顯示其充當輔助角色的這一特性。

【點評】背景色朱紅由于紅色特性明顯,飽和度、明度都非常的高,這里運用了輔助色深紅、黑色壓住并牽制朱紅色搶眼的個性,也同樣能達到突出前景主要圖片內(nèi)容的目的。點睛色主要用于標志的突出上,其他導航文字、圖片的部分運用等,調(diào)和并達到了不至于使得整個頁面刺激中又透出的沉悶感。

這類顏色的組合比較容易使人提升興奮度,紅色特性明顯,這一醒目的特殊屬性,比較被廣泛地應用于食品、時尚休閑等類型的網(wǎng)站。

深紅色

【示例】

深紅色網(wǎng)頁設計示例截圖如圖所示。

1.jpg

【分析】深紅色在原有的紅色基礎上降低了明度而得,是紅色系中的明度變化。通過圖10.74的數(shù)值顯示看出明度較低。這類顏色的組合隨著明度的變暗,比較容易制造深邃、幽怨的故事氣氛。傳達的是穩(wěn)重、成熟、高貴、消極的心理感受。整個頁面背景色運用了紋樣,是以目前選取的主色調(diào)顏色和明度較暗的深紅色結(jié)合而成的,使得明度稍暗。

從數(shù)值上看,主色調(diào)也就是背景色的飽和度較高,但是由于降低了明度,顏色變得較沉穩(wěn)。輔助色RGB添加了適量的其他顏色,G和B數(shù)值區(qū)別不大,因此飽和度降低,顏色趨于柔和穩(wěn)定。點睛色的加入提亮,頁面視覺效果強化。

【點評】前景色通常要較明顯地區(qū)別于背景色,達到臺前的宣傳目的。當飽和度較低的前景色與背景色變化不明顯時形成的是另外一種柔和統(tǒng)一的效果。

玫瑰紅色

【示例】

玫瑰紅色網(wǎng)頁設計示例截圖如圖所示。

1.jpg

【分析】玫瑰紅色在色環(huán)上實際已經(jīng)接近冷色,是紅色系中的色相的微妙變化,是紅色系里的冷色系。在HSB中H數(shù)值可以看出,0度為紅色的最高值,越接近0度數(shù)值紅色特性越明顯,否則逐漸冷色傾斜,而該數(shù)值偏離0度稍遠。整個頁面主要由兩種不同明度、純度的玫瑰色調(diào)組成。

兩色數(shù)值顯示,RGB數(shù)值中R呈現(xiàn)的數(shù)值最高,紅色特性較明顯。輔助色調(diào)的玫瑰色,加入少許G,色調(diào)向冷色稍微偏移,也由于加入了G,在HSB數(shù)值中,飽和度輕微減弱,但隨著明度增加,色彩趨于艷麗,符合突出前景的目的。主色調(diào)雖然純度達到最高飽和,但由于明度降低,相對于輔色調(diào)較沉穩(wěn),適合做背景色。從數(shù)值上看,由于背景色和前景色的明度較為接近,加入白色邊框,強烈了前景色與背景色的區(qū)分,加強視覺強化效果。

【點評】背景色和前景色的明度較接近,顏色給人的視覺表象較悶,加入少量白色劃分使得色彩引導的主次塊面更分明,頁面明快許多。這類顏色的組合多用于女性主題,例如化妝品、服裝等,容易營造出嬌媚、誘惑、艷麗等氣氛。

當前文章標題:網(wǎng)頁設計中紅色頁面配色

當前URL:http://m.supportcoffeeroasters.com/news/wzzz/3290.html

上一篇:網(wǎng)頁中的色彩特性

下一篇:HTML簡介

網(wǎng)站建設、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)