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

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

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

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

  黑色系分析:(黑白淺灰)
  從RGB數值都是234來上看可知,255為白色,背景色234只是在明度上稍做變化得到的淺灰色。背景的淺灰色把前景的白黑對視覺的刺激力變得柔和協調很多。雖為背景灰色,實際在整個頁面配色作用上起到了點睛之筆,使得頁面煥發出另外一種神秘且特殊的氣息。
  該頁面無論從設計上還是配色上都非常簡潔,主要是以黑白文字為重點,背后的白黑色塊面粗、白色邊框線條無不是為了突出前景文字的作用。
  
  
  

  
  結論:
  該頁面設計風格極其簡約,除了方形塊面邊框,沒有多余的圖形修飾,主要是以文字的大小粗細、疏密間距排版為設計元素。
  淺灰色的加入讓本來具強烈沖突色的黑白變得素雅些了,也頗具高層次格調許多。

→ 黑色配色應用網頁例圖:http://www.panopt.net

  黑色系分析:黑色+少量彩色
  該頁面基本上還是以黑色為主色調,雖然似乎多了不少顏色的加入,但是由于使用面積都較少,除了少許修飾外主要運用于功能文字方面的強調。
  輔助色藍色正藍色的HSB模式的H應該是240,目前這顯示的是215可看出色相上稍向綠色靠攏,S93%B43%來看純度和明度都不高,因此該藍色在黑色上顯示不明顯。
  這里的點睛色主要都運用在文字功能上,紅色幾乎是正紅,由于降低了純度和明度,該顏色不明顯。綠色H數值為149,正綠色為120,色相上稍向藍色傾斜,純度和明度不高,因此該顏色也不明顯。
  
  
  

  
  結論:
  低純度低飽和度的色彩在黑色背景下,較易使整體色彩達到統一的目的,顏色變得柔和而含蓄。

推薦設計

最新文章