網(wǎng)頁(yè)設(shè)計(jì)中的紅色頁(yè)面配色

  • 2020-03-25 10:32:34
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來(lái)源:http://www.iy5y368.cn

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

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

朱紅色

【示例】

朱紅色網(wǎng)頁(yè)設(shè)計(jì)示例截圖如圖所示。

1.jpg

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

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

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

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

深紅色

【示例】

深紅色網(wǎng)頁(yè)設(shè)計(jì)示例截圖如圖所示。

1.jpg

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

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

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

玫瑰紅色

【示例】

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

1.jpg

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

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

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

當(dāng)前文章標(biāo)題:網(wǎng)頁(yè)設(shè)計(jì)中的紅色頁(yè)面配色

當(dāng)前URL:http://www.iy5y368.cn/news/wzzz/3184.html

上一篇:網(wǎng)頁(yè)設(shè)計(jì)中的黃色+橙色+橙紅色

下一篇:網(wǎng)頁(yè)設(shè)計(jì)中的紅色頁(yè)面配色(二)

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷(xiāo)咨詢專(zhuān)線:181-8386-5875(點(diǎn)擊可一鍵撥號(hào))