用高手的方法,让你的配色自带主角光环

Date 2026-04-20 15:05:58

用高手的方法,让你的配色自带主角光环

@学习设K先生 :在设计配色的过程中,很容易忽略的是通过色彩强调主角,主角的刻画可以对布局的优缺点起到决定性的作用。因此,在选择基本颜色后,我们必须通过颜色强调主角,以达到良好的布局效果。本教程将解释几种强调主角的配色方法。

用高手的方法,让你的配色自带主角光环

说到主角,我相信很多人会把它和主色联系起来。事实上,主角和主色是两个完全不同的概念,所以我们首先需要区分它们。

用高手的方法,让你的配色自带主角光环

所谓的主角通常是指图片中最突出的主题或想要突出的主题,面积不一定很大,但非常重要。我们之前的文章也谈到了主要的颜色,是图片中最重要的颜色,面积通常相对较大。

用高手的方法,让你的配色自带主角光环

比如这张照片,如果问主色是什么,相信大家都能回答就是背景色。

用高手的方法,让你的配色自带主角光环

那主角呢?主角实际上是人物的颜色,所以主角和主角是不同的概念。

用高手的方法,让你的配色自带主角光环

如果从主色、副色、点缀色的角度来看,这里的主角就是副色和点缀色。为什么要明确主角?因为配色从最重要的颜色开始,无论是主色还是主角。配色前先确定主角的位置,后面的配色会有章可循,主体也可以从配色的角度突出。

用高手的方法,让你的配色自带主角光环

例如,这四张照片相信每个人都能区分主角是谁,但你依靠什么来区分主角,有些人可能会说主角本身是突出的,但事实并非如此,因为真正突出和强调主角的是颜色。

用高手的方法,让你的配色自带主角光环

当我们把图片调整成黑白时,我们可以清楚地看到,这就是用颜色来强调主角的重要性。

用高手的方法,让你的配色自带主角光环

这和电影和电视剧一样。每部电影或电视剧都会有主角,然后以主角为中心与主角对抗或衬托主角的角色,从而将整个故事联系起来。如果主角不清楚,就很难有替代感。例如,80%的明星电影都是坏电影。当然,这个问题只是一个小因素。

让我们来看看相关的设计作品,感受一下主角的重要性。

用高手的方法,让你的配色自带主角光环

虽然这张海报给人的第一印象是大面积的粉色背景色,但主角是产品或产品和人物的组合,标题和装饰元素的配色也以主角为核心,营造整个画面的氛围。

用高手的方法,让你的配色自带主角光环

我们首先注意到的海报必须是上面的女性角色和广告语言,但主角不是角色,而是下面的纯水产品。为了强调和突出主角,上面的角色图片被巧妙地处理成黑白,与下面的彩色蓝色形成对比,可以让观众的视线自然地转向下面的产品。标志使用白色放置在右下角,为主角留下了很大的领土空间,从而更加强调了主角的地位。

用高手的方法,让你的配色自带主角光环

这张海报的主角显然是产品。为了营造画面的氛围,强调产品的口味,周围使用了相关的元素和颜色,但我们仍然可以很容易地识别主角,因为主角是通过颜色差异来衬托的,即星巴克标志的绿色与整体红色形成相对比,从而强调主角,也使草莓的颜色更加鲜艳。可以说,绿色的使用明确了画面的中心,保证了整个布局的稳定性。

在了解了主角是什么之后,让我们来看看如何通过配色来强调主角。在这里,我总结了六种方法:

通过增加色差来衬托主角,通过增加纯度差来衬托主角,通过增加其他颜色来衬托主角,通过减弱配角的色彩来衬托主角,通过增强领土空间来衬托主角

主角通过增加色相差来衬托主角

首先,让我们看看通过增加颜色差异来衬托主角。这种说法有点太像专业术语了。直率地说,它是颜色比较。颜色比较可以在平时的配色中使用,但很少有人专门使用它来衬托主角。事实上,颜色比较对主角的衬托有很大的影响。例如,对比色、互补色和使用相似色和相似色的效果是完全不同的。

用高手的方法,让你的配色自带主角光环

用高手的方法,让你的配色自带主角光环

色差有强弱之分。与色相相比,色相环上的距离越远,对比度越强,差异越大。也就是说,主角的色相和其他色相的差异越大,主角的地位就越突出。

用高手的方法,让你的配色自带主角光环

这张海报的主角显然是三维英语,主角是通过较大的色差来衬托的。浅绿色的文字在蓝色的背景非常明显。如果主角的颜色被与背景没有太大区别的颜色所取代,它就不会那么突出。

用高手的方法,让你的配色自带主角光环

这张海报的主要颜色是大面积的背景色,主人公是两个穿着绿色衣服的孩子。绿色和红色形成了强烈的互补关系,因此增加色差可以在很大程度上衬托主人公。

用高手的方法,让你的配色自带主角光环

海报的主角和背景使用对比色红色和蓝色,但也通过颜色差异来衬托主角,主角和背景也形成了很好的冷暖对比,如果主角使用类似的颜色会显得很弱。

通过提高纯度差来衬托主角

第二种方法是通过提高纯度差异来衬托主角。当我们想强调主角时,除了打开色差,我们还可以提高纯度,使主角更加突出和稳定。

用高手的方法,让你的配色自带主角光环

用高手的方法,让你的配色自带主角光环

无色黑白灰色没有纯度,纯色是颜色中最高的纯度,但这并不意味着主人公必须使用高纯度的颜色。只要主人公和其他颜色之间的纯度有很大的差距,主人公自然就会相应地突出。

用高手的方法,让你的配色自带主角光环

海报的主人公使用明亮的黄色,与背景的低纯度颜色形成鲜明对比,使主人公非常引人注目。如果主人公的纯度与背景颜色相同,颜色可能看起来更一致,但与此同时,主人公被淹没和平庸。

用高手的方法,让你的配色自带主角光环

这张海报不仅使用了色差的方法,而且使用了纯度差。我们可以看到主人公的红色降低了纯度。虽然主人公仍然可以通过色差来区分,但它并不像高纯度那么明显。

用高手的方法,让你的配色自带主角光环

这张海报也是如此。主人公使用非常鲜艳的黄色。如果将主人公的纯度调整为与背景色相同的整个画面的色调,则更加一致,但主次关系不那么明显。

不知道大家有没有注意到,我们改变的所谓负面案例,其实是我们之前提到的统一纯度的配色方式。在这里,我们并不是说改变后完全不可行,而是说如果从突出主角的角度来看,原作会更好。

通过提高明度差来衬托主角

纯度可以形成不同的亮度。当然,白色和黑色的搭配效果在没有颜色的情况下是最引人注目的,因为它们之间的亮度差是最大的。颜色之间不同的亮度差带来的视觉效果也不同。如果你想让主人公脱颖而出,提高主人公与其他颜色之间的亮度差也是一个很好的方法。

用高手的方法,让你的配色自带主角光环

用高手的方法,让你的配色自带主角光环

用高手的方法,让你的配色自带主角光环

白色是无色中亮度最高的,黑色是最低的。无论是无色还是有色,只要明度差大,主角就会更加鲜明。相反,明度差小的主角会不够清晰,不够引人注目。

用高手的方法,让你的配色自带主角光环

这张海报的颜色搭配是无色的。整个画面由黑、白、灰组成。从颜色上看,主角已经很清楚了,就是布局中心的白色字母。黑白之间的亮度差最大,所以黑底白字当然很显眼。如果把白色降低到灰色,虽然也能分辨出主角,但整体变得模糊甚至肮脏。

用高手的方法,让你的配色自带主角光环

海报的整体色调相对较轻,文本识别也保持在中等程度,文本组和背景色形成色调组合,产品椅使用低于其他颜色亮度的颜色,与其他颜色形成亮度差,主角的地位自然清晰。如果亮度略有提高,效果与原始图片相比太平淡,主角的地位不够明显。

用高手的方法,让你的配色自带主角光环

这张海报的主角显然是红色的鸡头,背景和文字都使用了高亮度的颜色,这使得低亮度的红色非常引人注目。如果红色的亮度提高到与背景颜色相似的亮度,整体色调是统一的,但对于想要突出和强调主角并不是很好。

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

前三种方法是从三种颜色元素的角度来看更直接的方法,除了一些更间接的方法,比如添加其他颜色来衬托主角。

用高手的方法,让你的配色自带主角光环

这种方式起到了锦上添花的作用,因为主角已经很清楚了,但在此基础上,主角变得更加突出,整体配色更加清晰明了,给人一种主角稳定的感觉。

用高手的方法,让你的配色自带主角光环

这张海报典型地添加了其他颜色来衬托主角。这里使用了类似油画的纹理,与主角的单色形成了鲜明的对比,在构图上也非常精致。如果图片调整为黑白或去除彩色纹理,整体感觉不仅单调,而且主角也不那么独特。

“用高手的方法,让你的配色自带主角光环”

这张海报的主角是两种甜点。添加色块将使布局更加紧凑,主角得到加强,整个画面的色彩水平更加丰富。主角的坚实印象一眼就能感受到。如果去掉色块,主角将是孤独的,图片将显得凌乱和松散。

用高手的方法,让你的配色自带主角光环

这张海报的主角是创意人脸,通过周围添加的色块形成了彩色和无色的对比,从而突出了主角的地位。如果不添加色块或色块也是无色的,就会与主角融为一体,不能起到很好的衬托和强调作用。

通过减弱配角的颜色来衬托主角

以前的方式都是从主角的角度出发的。我们也可以从配角的角度改变我们的想法。如果我们想设计一个强调主角的配色,我们应该降低配角颜色的强度。只要我们稍微抑制配角的颜色,我们就能突出主角。

用高手的方法,让你的配色自带主角光环

用高手的方法,让你的配色自带主角光环

降低配角的纯度或提高配角的亮度可以抑制配角。当主角使用高纯度的颜色时,其他配角尽量避免使用纯色或深色,浅色或浅浊色可以突出主角,反过来也是如此。

用高手的方法,让你的配色自带主角光环

这部电影的海报是深红色的,但女主角是黑白的,只有一些红色的连接,我们说削弱角色可能有些人更僵化,真的认为只能削弱角色,事实上,只要主角和配角可以达到目的。如果主角与其他颜色混合,就很难区分主角,整个布局的颜色也非常沉闷。

用高手的方法,让你的配色自带主角光环

如果海报的主角在很大程度上是图形组,如果细分是黄色图形,原因是颜色的使用,这里使用是削弱配角的方式,其他两个图形填充白色,从而突出黄色的主角地位。如果白色图形也填充了黄色,那么毫无疑问,主角是这三个图形组,但在美观和布局协调方面都不如原始图片好。

用高手的方法,让你的配色自带主角光环

除了背景上的无色白色,这张海报是棕色的,但我们仍然可以区分主角是一个装着咖啡的杯子。这不仅是因为咖啡的价格,也是因为其他颜色被适当削弱,这样主角的棕色就可以突出。如果我们把其他颜色调整成与主角一致的颜色,那么就不容易找到主角了。

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

我们可以简单地理解领地空间是空白的,文本和图片周围都有一定的空白面积。元素周围的空白面积决定了元素的重要性,所以只要扩大领地空间,主角就会被强烈衬托出来。

用高手的方法,让你的配色自带主角光环

用高手的方法,让你的配色自带主角光环

当元素周围的领域狭窄,即空白面积小,颜色强度相似时,元素就会混乱,不知道谁是主角。如果你扩大领土空间,主角会变得引人注目。即使没有颜色强度差异,你也能清楚地区分主角。这就是领土空间的作用。

用高手的方法,让你的配色自带主角光环

海报的主角显然是布局中心的图像,文本信息围绕主角安排在四个角落,并为主角留下适当的空间领地。即使主角的面积不够大,主角也很好地通过周围的空白来强调。如果我们试图扩大一些主角,我们就会失去领土空间,这与周围的文本有一种模棱两可的关系。此外,由于其不恰当的突出性,布局不够协调,因此美学程度相应地差得多。

用高手的方法,让你的配色自带主角光环

这张海报似乎只是照片和文字的结合,但并不简单,因为这里控制图片的大小非常重要。海报为主角留有领地空间,文字不依附,不影响主角的地位。如果我们扩大图片,文本仍然保持原来的位置和大小,那么主角的领地空间就被占用了,效果显然不如原来的图片好。

用高手的方法,让你的配色自带主角光环

这张海报是图片折叠的情况,整个图片和文本充满了布局,图片的颜色是相同的。我们依靠什么来区分主角?这是领土空间,因为坐在沙发中间的角色没有文本折叠,所以我们的眼睛自然会被它吸引,所以它是主角。如果文本的布局充满了布局,没有空间,整个文本和图像将形成一个整体,这使得我们很难区分谁是主角,谁想强调。

案例演示

用高手的方法,让你的配色自带主角光环

最后,我们将用一个案例来展示它。通过文案信息,我们可以了解到,我们需要设计的是柠檬汁海报。根据本教程的内容,我们首先需要提取关键信息来确定主角。显然,最适合将产品描述为本海报的主角。

用高手的方法,让你的配色自带主角光环

第一步是创建布局,然后大致确定使用什么样的构图形式。在这里,我们想设计一个上下结构的整体布局,然后细分为左、中、右的形式,然后根据这个构图进行细化。

用大师的方法,让你的配色带来主角光环

详细的布局已经非常清晰,然后需要根据这个构图的形式来安排文案信息。为了反映果汁饮料的柔软和甜味,我们选择了一些柔软的圆形,英语搭配是年轻的 Din字体。

用高手的方法,让你的配色自带主角光环

这就是将编辑好的文本组放入布局的方式。将主角产品放在预留的空闲位置,找到相关图片作为背景,然后调整文本的颜色,暂时填充白色。

图片最大的问题是颜色和文本识别,现在背景饱和度相对较高,柠檬亮度甚至超过产品,所以观看图片必须首先注意背景图片,这违背了我们想强调产品作为主角的初衷,所以我们需要调整底部图片的颜色。

根据我们之前提到的方法,从纯度和亮度的角度来看,由于背景的纯度有点高,我们首先降低了背景的纯度。

用高手的方法,让你的配色自带主角光环

降低纯度后,效果仍然不明显,因此我们可以提高亮度,以增加与主角的差异。这就打开了主角产品的一些颜色差异。我们之前提到的方法是添加其他颜色,削弱配角的颜色,增加领土空间。不适合在这个布局中添加其他颜色,因为它会影响整个布局的色调。事实上,我们已经使用了削弱配角,即调整背景的纯度和亮度。那么增加领土空间呢?虽然主角在这里有自己的位置,但我们可以看到这个布局下半部分的文本识别不好,所以我们可以在下面添加一个白色块。

用高手的方法,让你的配色自带主角光环

然后吸收背景中的绿色填充到下面的文本中,所以现在布局的颜色非常合理,文本识别没有问题,但我们看到背景柠檬和主角之间的距离有点近,会干扰主角的位置,所以图片的整体位置向上移动,从而伪装地加强主角产品的领地空间,海报设计完成。

用高手的方法,让你的配色自带主角光环

所以有些人肯定会想,只要你有这个想法,我们是否可以让产品和背景柠檬一起成为主角,所以我们也制定了一个计划。

用高手的方法,让你的配色自带主角光环

该方案保留了背景图片的颜色,但为了强调柠檬和产品的黄色,所以背景图片中黄色以外的颜色,所以柠檬和产品的颜色自然形成了一个组合作为图片的主角,这里我们也调整了主标题,主标题在左上角,也为柠檬增加了一些领土空间,没有文字阻挡柠檬也突出。

用高手的方法,让你的配色自带主角光环

用高手的方法,让你的配色自带主角光环

到目前为止,本教程已经结束。通过欣赏相关的设计作品,我们了解了强调主角的六种方法。当然,这六种方法不止六种,当我们设计配色时,并不意味着这些方法都应该使用。有时候,也许只有一种简单的方法才能达到强调主角的目的,所以我们必须灵活,不能死。例如,并不是每个设计都应该使用主角或强调主角。只是如果你需要强调主角,这六种方法可以帮助你。我希望你能理解这个道理。

微信微信官方账号欢迎关注研究:「Yanxishe2017年」

用高手的方法,让你的配色自带主角光环