设计之家 > 教程 > 網頁教程 > 網頁配色 >

網頁設計配色應用實例之黑色系

作者:黎芳 來源:天極Yesky 時間:2007-09-29

色是暗色,是純度、色相、明度最低的非彩色。象征著力量,有時感覺沉默、虛空,有時感覺莊嚴肅穆,有時又意味著不吉祥和罪惡。自古以來,世界各族都公認黑色代表死亡、悲哀黑色具有能吸收光線的特性,別有一種變幻無常的感覺。
  黑色能和許多色彩構成良好的對比調和關系,運用范圍很廣。
  黑色給人深沉、神秘、寂靜、悲哀、壓抑的感受。
  黑色是最有力的搭配色。
  黑色也常用來表示英俊的男人。
  下面我們根據黑色系搭配不同的顏色所表現出的特性做不同的舉例分析。

  → 黑色網頁例圖:http://www.chanel.com

  黑色系分析:(明度對比:黑色+白色)
  從RGB和HBS模式可以看出,三組數字顯示沒有摻雜任何的數字,都統一到最高級0到255,即純黑和純白。
  黑色白色屬于沒有色相和飽和度、只在明度兩極的非色彩。兩種極端強烈對比的只在明度上有區別的顏色,與前面我們所說的三原色、對比色的對比還是有較大區別的。
  該頁面只有兩種非色彩搭配,即黑色白色,襯映得該頁面的設計元素也非常干凈簡練,旁邊點綴大小得當的文字元素減小該頁面有可能因此產生的單調感覺。
  
  

  
  
  結論:
  黑白純色在明度上反差非常大,視覺沖擊強烈,主次分明,全站的貫穿運用,構成特色鮮明的設計風格,散發迷人的高品位的貴族氣息。
  黑白兩種顏色的搭配使用通常可以表現出都市化的感覺,常用于現代派頁面設計中。

   → 黑色網頁例圖:http://www.foryoubruidsmode.nl

  黑色系分析:(非色彩系:黑白深灰色)
  該頁面與上頁配色類似,只是多了一組輔助色――灰色,黑、灰、白這三種非色彩在該頁面里都運用到了。大家從該頁整體可以看到,多了輔助色灰色,令該頁面層次感更豐富,過渡更柔和,空間感覺增強。左上部點睛色白色塊面的運用,使得這種空間感差距拉大,增強視覺層次感,同時突出標志品牌、主題思想。另一作用在于突出文字的功能運用。
  
背景深灰色明度非常低,接近于黑色,稍不留心有可能會被忽略。結合輔助色灰色再整體上看該色配色,主要起到豐富視覺層次感,緩和主色調黑色有可能帶來的僵硬感。
 
  
  

  
 
  結論:
  黑白灰非色彩色調所構成的頁面較具特色,尤其灰色的加入更增添層次感。
  結合黑白圖形,營造出一段古典的故事場景。契合該網站所體現的內容思想。

→ 黑色應用網頁例圖: http://www.telepopmusik.fr

  黑色系分析:黑色背景
  背景黑色下,除了白色,還有其他三種顏色綠色、紫色、紅色分布在不同的位置。其中綠色和紫色雖然被稱之為輔助色,但它們使用的面積仍然不多,只是相對于點睛色紅色來說。綠色主要是用于文字方面,紫色用于圖形方面,所指向的分工明確。從RGB模式RGB三個數值上看到紫色混合數值上較接近,因此純度降低,相對于綠色紅色來說為中間色,色彩性能上呈低調緩和狀態。
  HSB模式S數值來看,綠色雖然純度上比紅色稍低些,也許是因為使用面積較多的原因,看起來似乎比紅色醒目些。紅色在這里主要起到的是點明目前所屬的狀態這一功能性作用,在黑色的背景下盡管使用面積非常小,但依舊容易被瀏覽者注意到。
  
  
  

  
  結論:
  黑色的背景下所使用的顏色面積雖然不多,但由于黑色這一襯托放大的特性,其他顏色較容易引起瀏覽者的注意,充分發揮其設計意圖。

推薦設計

最新文章