對(duì)比色:橙紅色+藍(lán)色

  → 對(duì)比色橙紅色應(yīng)用網(wǎng)頁例圖:http://www. tostitos.com

網(wǎng)頁設(shè)計(jì)配色應(yīng)用實(shí)例之紅色系


  嚴(yán)格上來說,橙色是藍(lán)色的對(duì)比色,這組對(duì)比色中的橙紅色傾向于紅色。
  該頁面的背景色使用紋理圖形由深至淺的制造空間范圍,模擬真實(shí)環(huán)境。這里的數(shù)值選取其中間色值來分析,由于背景藍(lán)色B的明度較低,又由于冷色比暖色視覺傳遞速度慢的特點(diǎn),很適合作為輔助角色突出前景的應(yīng)用。主色調(diào)橙紅色R的數(shù)值達(dá)到最高值255,SB都達(dá)到了最高值100%,視覺刺激非常強(qiáng)烈,運(yùn)用大面積高純度來突出藍(lán)色產(chǎn)品主體物,又形成了一次頁面上的視覺對(duì)比--背景藍(lán)色與前景橙紅色,前景橙紅色與產(chǎn)品主體物藍(lán)色的二次對(duì)比。
  點(diǎn)睛色白色,使這組對(duì)比色在頁面中表現(xiàn)得更協(xié)調(diào),調(diào)和的作用。

  結(jié)論:
  顏色的深淺除了能營(yíng)造空間感的效果,也能輔助性的制造主次效果。顏色除了性能對(duì)比,面積對(duì)比、位置安排也是制造主次效果的關(guān)鍵。
  這組橙色藍(lán)色對(duì)比色在網(wǎng)頁上比其他兩組對(duì)比色紅色綠色,黃色紫色應(yīng)用得多,能迅速的傳達(dá)網(wǎng)站主題內(nèi)容、網(wǎng)頁主體,容易增添強(qiáng)烈的興奮度,多用于食品、休閑娛樂、產(chǎn)品等,但卻又是跨越于各行業(yè)的主題網(wǎng)站,適用的范圍非常大。

 配色:紅色+黑色

  → 紅色配色應(yīng)用網(wǎng)頁例圖:http:// www.pleasuredome.it

網(wǎng)頁設(shè)計(jì)配色應(yīng)用實(shí)例之紅色系



  紅色與黑色的搭配在商業(yè)設(shè)計(jì)中,被譽(yù)為商業(yè)成功色,鮮亮的紅色多用于小面積的點(diǎn)綴色。
  從數(shù)值上看,紅色添加了G和B飽和度稍降低,因此該紅色大面積使用不會(huì)覺得刺激或不舒服,這也與背景色藍(lán)色加入了適量漸變的技法,使得頁面的節(jié)奏呈現(xiàn)緩和。輔助色黑色的加入,與深紅色在明度拉大,頁面色彩元素相對(duì)活躍不少。
  點(diǎn)睛色白色,所放的位置和面積,起到平衡黑色位置面積的作用,當(dāng)然也達(dá)到醒目的效果。

  結(jié)論:
  這里顏色位置的擺放,起到平衡頁面視覺,突出主題效果。背景色加了漸變效果、整體與前景人物黑色對(duì)比呈淺色,前景人物黑色與背景深紅色、背景深紅與前景白色文字相互之間的關(guān)系,構(gòu)成空間環(huán)境的視覺效果。
  這組配色中,紅色是降低了明度的深紅色,為主色調(diào)和背景色的大面積使用。紅黑搭配色,常用于較前衛(wèi)時(shí)尚、娛樂休閑、電子商務(wù)等等要求個(gè)性的網(wǎng)頁設(shè)計(jì)配色里,也又有用于部分政治、新聞的頁面。

 配色:紅色+黑色+灰色

  → 紅色配色應(yīng)用網(wǎng)頁例圖:http:// www.enjo.com.au

網(wǎng)頁設(shè)計(jì)配色應(yīng)用實(shí)例之紅色系


  這組配色,達(dá)到最高純度的紅色做小面積的使用。雖然這里選取了紅色做為輔助色,但從整個(gè)頁面的功能和所表達(dá)的主題來看,紅色可以作為該頁面的點(diǎn)睛色,強(qiáng)烈的突出了主題。
  紅色的數(shù)值顯示,HBS中的H為0度,達(dá)到紅色特性的最高值,S為最高飽和度100%,在明度最低的黑色背景的襯托下,其特性發(fā)揮到極致,頁面醒目而響亮。
紅色與黑色本是對(duì)比強(qiáng)烈的配色,但由于背景灰色的作用,緩和整個(gè)頁面的視覺刺激度。背景色灰色RGB數(shù)值變化不大,因此顏色純度較低、趨于平穩(wěn)柔和,輔助前景內(nèi)容的呈現(xiàn)。
  白色讓前景和背景的劃分更明顯,活躍頁面中的色彩元素。

  結(jié)論
  使用面積小的純度高的顏色在非色彩的黑色和灰色上,是產(chǎn)生變化頁面的顏色,達(dá)到容易突出主題的目的。

   本部分小節(jié):

   紅色在RGB數(shù)值的R為255左右,HSB數(shù)值的H中為0度左右,達(dá)到紅色最高值。隨著純度的提高、亮度的適度增加,它易于迅速的傳達(dá)、醒目性的特征發(fā)揮得越明顯。和其他顏色一樣,顏色相互混合的越多,明度越低,飽和度越低,視覺沖擊力越弱。
   顏色的對(duì)比:對(duì)比色紅色綠色的搭配,紅色的特性發(fā)揮得越明顯。綠葉襯紅花的效果。另外紅與黑的搭配,也較能展現(xiàn)紅色的魅力。
   根據(jù)主題的需要,除了對(duì)比色的應(yīng)用,還有面積上、位置上的對(duì)比應(yīng)用,也能很好的配合達(dá)到突出主題產(chǎn)品主體物的目的。

隨機(jī)推薦