在網頁設計的配色過程中，我們很容易會忽視通過色彩來強調主角。主角的刻畫會對版塊的優劣起到決定性的作用，所以選擇基本色後，一定要通過色彩來強調主角，這樣才能製作良好的版面效果。下面，我將通過一些範例和大家說說幾種強調主角的配色方式。

一、主色和其他配色的關係

1.主角和主色的區別

主角指的就是畫面中最突出的主體或想要突出的主體，所佔的面積不一定很大，但非常重要。而主色，就是畫面中最重要的顏色，所佔的面積往往是比較大的。

以下圖為例，主色是背景顏色，這是毫無疑問的;但是主角色確實人物的顏色，因為在這張圖片，人才是主角。

2.主角可以是副色或點綴色

配色都是從最主要的色彩開始，無論是主色還是主角都如此。配色之前先確定主角的位置，後面的配色才會有章可循，利用配色的角度突出主體。在大多時候，主角色往往並非是畫面中的主色，而是副色或點綴色。

雖然這個海報給人第一印象就是粉色背景，但是主角卻是產品或產品和人物形成的組合，而標題和裝飾性元素的配色都是圍繞主角為核心進行搭配，營造整個畫面的氛圍。

二、如何通過配色強調主角?

· 通過增大色相差異襯托主角

簡單來說，就是利用色相對比來襯托主角。色相對比對主角的襯托有着非常大的影響，無論是對比色、互補色還是同類色、近似色，都會有不同的效果。此外，主角的色相和其他色相的差異越大，主角的地位就越明顯。

海報的主色是大面積背景色，主角是身穿綠色的兩個兒童，主角色(綠色)與主色(紅色)形成強烈的互補關係，在很大程度上襯托出主角。

· 通過提高純度差異襯托主角

我們想要強調主角，除了拉開色相差，還可以提高色彩純度，讓主角更加突出和穩定。在彩色中純度最高的就是純色，這並非說主角就是非要用純度高的顏色，而是主角和其他顏色的純度存在較大的落差，主角會更容易突出。

這海報不僅使用色相差，還運用了純度差，雖然色相差能夠分辨出主角，但是並沒有高純度時那麼明顯。

· 通過提高明度差異襯托主角

既然純度可以形成差異，明度當然也可以。一般來說，白色和黑色的搭配效果是最醒目的，因為它們之間的明度差最大。在彩色之間，不同的明度差所帶來的視覺效果也不一樣。主角與其他色彩的明度差大，主角會更加突出;相反明度差小，主角就會顯得不夠清晰不夠引人注目了。

這個海報的配色使用都是無彩色，整個畫面都是黑白灰，從顏色上看，主角就是版面中心的白色字母，由於黑色背景和白色字母的明度差很大，因此主角非常鮮豔。但如果將白色明度降低變成灰色，整個畫面就會顯得很模糊甚至感覺很「污糟」。

· 通過添加其他顏色襯托主角

上述方法都是通過色彩三要素的角度出發，下面我們來加深一下難度，通過添加其他顏色來襯托主角。其實這種方法有種錦上添花的作用，畢竟主角已經明確，添加其他顏色只是讓整體配色更加清晰和鮮明，讓主角更加突出和穩定。

這個海報的主角就是兩個甜品，通過添加色塊，使版面更加緊湊，色彩層次更加豐富，讓人一眼就能感受到主角的堅實印象。如果去掉色塊，整個畫面就會顯得淩亂和鬆散。

· 通過減弱配角色彩襯托主角

既然可以從主角的角度出發，那麼同樣可以從配角的角度出發，減少配色色彩的強度，強調主角的配色，使主角凸顯出來。無論是降低配角的配色還是提高配角的明度，都可以起到抑制配色作用。尤其是當主角色純度較高時，配色顏色應儘量避免使用純色或暗色，這樣才可突顯主角的作用。

這個海報除了背景的白色外就是咖啡色，但我們仍能知道主角就是裝着咖啡的杯子，除了因為咖啡上有價格的原因，最重要是其他顏色都適當減弱，從而凸顯主角的咖啡色。如果其他顏色與主角無疑，這時要確定主角就沒有那麼容易。

· 通過加強領地空間襯托主角

所謂的領地空間，就是我們常說的留白。元素周圍的留白面積決定了元素的重要程度，只要擴大領地空間，就會讓主角被襯托得很強。如果元素周圍的領地空間狹窄，且色彩強度差不多，元素就會顯得混亂，分不清誰是主角;相反擴大領地空間，即使色彩強度相近，也能清晰分辨出主角。

整個圖片和文字充滿了整個版面，且色調也相差不大，但我們依然能輕易分辨出主角。這是由於中間的人物並沒有被文字疊壓，我們的目光自然而然就會被吸引。但如果文字編排充滿整個版面，文字和圖像形成一個整體，我們就很難分辨出誰是主角。

我們在設計配色的時候，並不一定要將所有方法都用上，有時候簡單的一種方法就能達到強調主角的目的，但一定要靈活變通，不能死腦筋。如果你想強調主角，但找不到竅門，以上六種方法或許能為你提供幫助。