网页设计或平面设计的技巧：几种强调主角的配色方式

在网页设计的配色过程中，我们很容易会忽视通过色彩来强调主角。主角的刻画会对版块的优劣起到决定性的作用，所以选择基本色後，一定要通过色彩来强调主角，这样才能制作良好的版面效果。下面，我将通过一些范例和大家说说几种强调主角的配色方式。

一、主色和其他配色的关系

1.主角和主色的区别

主角指的就是画面中最突出的主体或想要突出的主体，所占的面积不一定很大，但非常重要。而主色，就是画面中最重要的颜色，所占的面积往往是比较大的。

以下图为例，主色是背景颜色，这是毫无疑问的;但是主角色确实人物的颜色，因为在这张图片，人才是主角。

2.主角可以是副色或点缀色

配色都是从最主要的色彩开始，无论是主色还是主角都如此。配色之前先确定主角的位置，後面的配色才会有章可循，利用配色的角度突出主体。在大多时候，主角色往往并非是画面中的主色，而是副色或点缀色。

虽然这个海报给人第一印象就是粉色背景，但是主角却是产品或产品和人物形成的组合，而标题和装饰性元素的配色都是围绕主角为核心进行搭配，营造整个画面的氛围。

二、如何通过配色强调主角?

· 通过增大色相差异衬托主角

简单来说，就是利用色相对比来衬托主角。色相对比对主角的衬托有着非常大的影响，无论是对比色、互补色还是同类色、近似色，都会有不同的效果。此外，主角的色相和其他色相的差异越大，主角的地位就越明显。

海报的主色是大面积背景色，主角是身穿绿色的两个儿童，主角色(绿色)与主色(红色)形成强烈的互补关系，在很大程度上衬托出主角。

· 通过提高纯度差异衬托主角

我们想要强调主角，除了拉开色相差，还可以提高色彩纯度，让主角更加突出和稳定。在彩色中纯度最高的就是纯色，这并非说主角就是非要用纯度高的颜色，而是主角和其他颜色的纯度存在较大的落差，主角会更容易突出。

这海报不仅使用色相差，还运用了纯度差，虽然色相差能够分辨出主角，但是并没有高纯度时那麽明显。

· 通过提高明度差异衬托主角

既然纯度可以形成差异，明度当然也可以。一般来说，白色和黑色的搭配效果是最醒目的，因为它们之间的明度差最大。在彩色之间，不同的明度差所带来的视觉效果也不一样。主角与其他色彩的明度差大，主角会更加突出;相反明度差小，主角就会显得不够清晰不够引人注目了。

这个海报的配色使用都是无彩色，整个画面都是黑白灰，从颜色上看，主角就是版面中心的白色字母，由於黑色背景和白色字母的明度差很大，因此主角非常鲜艳。但如果将白色明度降低变成灰色，整个画面就会显得很模糊甚至感觉很「污糟」。

· 通过添加其他颜色衬托主角

上述方法都是通过色彩三要素的角度出发，下面我们来加深一下难度，通过添加其他颜色来衬托主角。其实这种方法有种锦上添花的作用，毕竟主角已经明确，添加其他颜色只是让整体配色更加清晰和鲜明，让主角更加突出和稳定。

这个海报的主角就是两个甜品，通过添加色块，使版面更加紧凑，色彩层次更加丰富，让人一眼就能感受到主角的坚实印象。如果去掉色块，整个画面就会显得淩乱和松散。

· 通过减弱配角色彩衬托主角

既然可以从主角的角度出发，那麽同样可以从配角的角度出发，减少配色色彩的强度，强调主角的配色，使主角凸显出来。无论是降低配角的配色还是提高配角的明度，都可以起到抑制配色作用。尤其是当主角色纯度较高时，配色颜色应尽量避免使用纯色或暗色，这样才可突显主角的作用。

这个海报除了背景的白色外就是咖啡色，但我们仍能知道主角就是装着咖啡的杯子，除了因为咖啡上有价格的原因，最重要是其他颜色都适当减弱，从而凸显主角的咖啡色。如果其他颜色与主角无疑，这时要确定主角就没有那麽容易。

· 通过加强领地空间衬托主角

所谓的领地空间，就是我们常说的留白。元素周围的留白面积决定了元素的重要程度，只要扩大领地空间，就会让主角被衬托得很强。如果元素周围的领地空间狭窄，且色彩强度差不多，元素就会显得混乱，分不清谁是主角;相反扩大领地空间，即使色彩强度相近，也能清晰分辨出主角。

整个图片和文字充满了整个版面，且色调也相差不大，但我们依然能轻易分辨出主角。这是由於中间的人物并没有被文字叠压，我们的目光自然而然就会被吸引。但如果文字编排充满整个版面，文字和图像形成一个整体，我们就很难分辨出谁是主角。

我们在设计配色的时候，并不一定要将所有方法都用上，有时候简单的一种方法就能达到强调主角的目的，但一定要灵活变通，不能死脑筋。如果你想强调主角，但找不到窍门，以上六种方法或许能为你提供帮助。