網頁設計配色方法論:配色秩序

摘要: 每一種色彩都有其自身的特質,而這一特質的發揮,還須要依賴於色彩在整個配色時所處的位置、面積等,即色彩與其餘色彩所造成的秩序。 本文選自《輕設計:網頁設計中的輕奢主義和禪意思惟》。網站

配色有理性的層面,也有感性的層面。配色也須要遵循必定的節奏,有的配色跳躍明快,有的又顯得舒緩柔和。咱們從理性出發的同時,也要把本身的思惟深刻到感性的層面去理解色彩。spa

主 色

  主色是指在配色中處於支配地位的色彩。在配色前,主色是最早肯定的色彩,例如,當咱們想要設計一個珠寶展現的頁面,咱們決定這個頁面所須要的色彩是紫色時,紫色就是主色。主色的肯定看起來並不困難,由於一開始肯定好主色只是定出一個宏觀方向,並無細化成具體的色調。主色的選擇也很是自由,由於並無徹底正確的公論,每種色彩都有它的特性和優劣,沒有最好的色彩或最差的色彩。
  最終肯定對主色色調的選擇須要感性的參與,你但願你的網站看上去「沉穩典雅」仍是「清新明快」?這些不一樣的感覺都來自色調的制約平衡。
  通常狀況下,主色是配色中使用面積最大的色彩。用於主要的組件、組件的背景和大面積色塊等。
              圖片描述
  頁面中的主色是清爽的藍色。儘管背景也運用了大面積的白色,可是黑白灰色屬於無彩色,無彩色並不參與到配色過程當中。紅色是做爲陪襯色而出現的。設計

陪襯色

  陪襯色是主色之外,爲了陪襯主色而出現的另外一種色彩。陪襯色一般爲主色的互補色或對比色。陪襯色所使用的面積可大可小,只要達到陪襯的目的便可。
            圖片描述
  黃色是主色,藍色是陪襯色,黃藍兩色互爲對比色。
  陪襯色也可用在面積較大的地方,和主色勢均力敵,彼此呼應。
               圖片描述
  頁面的主色爲橙色,而陪襯色爲淺粉色,這兩種色彩爲鄰近色,彼此飽和度上有很是明顯的對比,也能很好地陪襯出主色,爲頁面增長了氣氛。
  一組配色中必定會有一個主色,而陪襯色並不是是必不可少的。是否採用陪襯色,取決於你的配色計劃。一般單一的色彩會比較單調,而利用陪襯色來強化主色的豐富變化是解決這一問題的方案之一。圖片

背景色

  背景色常常表現爲無彩色(黑白灰色)或者低飽和度的色彩。背景色主要是做爲背景而存在的,它最好不要以很是強烈的姿態出現。背景色並不是具備某種功能,它是一個頁面的基礎底色。get

相關文章
相關標籤/搜索