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

小編說：每一種色彩都有其自身的特質，而這一特質的發揮，還需要依賴於色彩在整個配色時所處的位置、面積等，即色彩與其他色彩所形成的秩序。

配色有理性的層面，也有感性的層面。配色也需要遵循一定的節奏，有的配色跳躍明快，有的又顯得舒緩柔和。我們從理性出發的同時，也要把自己的思維深入到感性的層面去理解色彩。

主 色

主色是指在配色中處於支配地位的色彩。在配色前，主色是最先確定的色彩，例如，當我們想要設計一個珠寶展示的頁面，我們決定這個頁面所需要的色彩是紫色時，紫色就是主色。主色的確定看起來並不困難，因為一開始確定好主色只是定出一個宏觀方向，並沒有細化成具體的色調。主色的選擇也非常自由，因為並沒有完全正確的公論，每種色彩都有它的特性和優劣，沒有最好的色彩或最差的色彩。

最終確定對主色色調的選擇需要感性的參與，你希望你的網站看上去「沉穩典雅」還是「清新明快」？這些不同的感受都來自色調的制約平衡。

一般情況下，主色是配色中使用面積最大的色彩。用於主要的組件、組件的背景和大面積色塊等。

頁面中的主色是清爽的藍色。儘管背景也運用了大面積的白色，但是黑白灰色屬於無彩色，無彩色並不參與到配色過程中。紅色是作為襯托色而出現的

襯托色

襯托色是主色以外，為了襯托主色而出現的另一種色彩。襯托色通常為主色的互補色或對比色。襯托色所使用的面積可大可小，只要達到襯托的目的即可。

黃色是主色，藍色是襯托色，黃藍兩色互為對比色

襯托色也可用在面積較大的地方，和主色平分秋色，彼此呼應。

頁面的主色為橙色，而襯托色為淺粉色，這兩種色彩為鄰近色，彼此飽和度上有非常明顯的對比，也能很好地襯托出主色，為頁面增加了氣氛

一組配色中一定會有一個主色，而襯托色並非是必不可少的。是否採用襯托色，取決於你的配色計劃。通常單一的色彩會比較單調，而利用襯托色來強化主色的豐富變化是解決這一問題的方案之一。

背景色

背景色經常表現為無彩色（黑白灰色）或者低飽和度的色彩。背景色主要是作為背景而存在的，它最好不要以非常強烈的姿態出現。背景色並非具有某種功能，它是一個頁面的基礎底色。

頁面的背景色為藍綠色到藍紫色的漸變色，因此配圖時就應該考慮與背景色的搭配協調

黑色作為背景色時，淺米色作為主色，主色和背景色之間相得益彰，這時的背景色也可看作襯托色

強調色

強調色是在主色以外起強調作用的色彩，可以說它是非常重要的視覺焦點。它本身具有一種獨立性，因此在配色上要形成與主色的強烈對比。它可以是主色的對比色、互補色等，使其與主色的色彩形成明顯的對比。

頁面的主色為藍色，紅色則作為強調色，在進入另一個頁面時，紅色又作為了主色，而紫色作為了強調色

強調色所用的面積比較小，只要在焦點區域運用強調色，其本身就有著聚焦的作用。有時候強調色還扮演著襯托色的角色。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！