赞助商
立即赞助

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

平面设计3年前 (2021)发布 流光
3.5K 0 0

@研习设K先生 :在我们设计配色过程容易忽视是过色来强调主,主刻画可以版优劣起到决定性作用,所以在选择完基本色后定要过色来强调主,这样才能到个良好版效。本期教程为大家讲解几强调主配色。

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

说到主相信很多会把它跟主色联系到一起,实角和色是两个全同的概念,我们首先需要进行一区分。

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

谓角通指的就是画面中最突的体或者是想要突的体,占的面积一定很大但却非重要。而色我们之前的章有讲过,就是画面中最要的颜色,占的面积通都较大。

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

如这张照片,如果问色是么相信大都答来就是背景色。

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

那么角色呢?角色实际上就是人物的颜色,色和角是同的概念。

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

如果从色、副色、点缀色的角来看,这里的角色就是副色和点缀色了。为么要明确角呢?因为配色都是从最要的色彩开始的,无论是色还是角都是如此,配色之前先确定角的位置,后面的配色才会有章可循,并且可从配色的角突体。

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

如这张图片相信大都够分辨角是谁,但你是靠么来分辨角的呢,可有的人会说是角本身的突性,但实并是,因为真正突和强调角的是色彩。

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

我们将图片调整成黑白就可很明显的看来,这就是使色彩来强调角的重要性。

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

这就跟电影和电视剧是一样的道,每电影或电视剧中都会有角,然后角为中心搭配与角对抗或者衬托角的角色,这样才将整个故事串联起来。如果角明确会人很难有代入感,如一些明星扎堆的电影百分之八十都是烂片,当然这个问题只是中一个小因素而已。

下我们来看看相关设计作品,感受下主要性。

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

虽然这个海报第印象是大积背景色粉色,是主却是品或者是品和物形成组合,而标题和装饰性元素配色也都是以主为核心进搭配,用来造个画氛围。

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

这个海报我们首先注意到肯定是上女性物和广告语,是主并不是物,而是下纯净商品。为了强调和突出主,上物图片很巧妙处理成了黑白,与下有色蓝色形成了比,可以让观者视线很自然转下品。而LOGO使用白色放在右下又主留出了很大领地空,从而更加强调了主地位。

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

这个海报主很明显是品,为了造画氛围和强调品口味,围使用了相关元素和色,是我们仍然能够很容易识出主,为这里是过色相来衬托主,也是巴克LOGO绿色与体红色形成了色相比从而强调了主,并也让草莓颜色显更加鲜艳,可以说绿色使用明确了画心,确保了个版稳定感。

什么是主角之我们来看看何通强主角,里我总结六种方法,分别是:

  • 过增大色相异衬托主
  • 通提高纯度差异衬托主角
  • 通过提高明度差异衬托主角
  • 通过添加其颜色衬托主角
  • 通过减弱配角色彩衬托角
  • 过加强领地空衬托主

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

首先来通过增大色相差衬托主角,这个说法有些像专业术语了,说了就是色相对比。色相对比可能大家在配色都会用,但是少有人专门为了衬托主角而去使用,其实色相对比对于主角的衬托有着非常大的响,比如同的主角和背景使用对比色、互补色和使用同类色、近似色得的效果完全是不一的。

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

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

色相差强弱之分,与色相对比一样色相环彼此的距离越远对比就越强差异也就越,也就主角的色相与其他色相的差异越主角的就越突出。

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

这海报的主角很明显就立体的英文,这里通过较的色相差衬托主角的,浅绿色的文字蓝色的背景十分明显。如果主角的颜色换与背景差异不的色相就那么突出了。

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

这海报的主色面积背景色,主角身穿绿色的两儿童,绿色与色形强烈的互补关系,所以增色相差可以很程度的衬托出主角。

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

这海报的主角与背景使用了对比色色蓝色,也通过色相差衬托主角,并且主角背景也形了很好的冷暖对比,如果主角使用同类色就会显得非常弱了。

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

第二种方法就通过提高纯度差异衬托主角。当我们强调主角时除了拉色相差也可以通过提高纯度,让主角加突出稳。

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

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

无彩黑白灰是没有纯度的,而有彩中纯度最高的就是纯,但并不是说主角就得使用纯度高的颜,只要让主角和其他颜的纯度有大的落差,主角自就得到相应的突出。

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

报的主角使用鲜艳的黄,与背的低纯度形成鲜明的对比,让主角非常引人注目。果将主角的纯度整成和背相同,能看上去更加一致,但同时主角却被淹没和平庸化。

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

个报不仅使用相差的方法而且还运用纯度差,我们将主角的红降低纯度就以看出来,虽通相差还是能够分辨出主角,但是并没有高纯度时么明显。

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

个报也是同样的道理,主角使用非常鲜明的黄,果将主角的纯度整成与背一样整个画面的就更加一致,但是主次关系就不么明显。

不知道家发,我们改的所谓的反面案例其实就我们之讲过的统一纯度的配色方式,这里我们并不后改的就完全不可行的,只如果从突显主角的程度看原作品会好一些。

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

纯度可以形差异明度当然也可以,无彩色中白色黑色的搭配效果醒目的,因它们之间的明度差。彩色之间不同的明度差所的视觉效果也不一样的,如果主角突出醒目提高主角与其他色彩的明度差也不错的方式。

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

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

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

色明度最高是白色,最低是黑色。论是色是有色要明度大主会更加鲜明,相反明度小主会显不够晰不够引注目了。

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

这个海报配色使用都是色,个画由黑白灰组成,从颜色上来看主已经很明确了是版心白色母,黑色和白色明度是最大,所以黑底白然也常显眼了。而如将白色降低明度变成灰色虽然也能分辨出主,是体却变模糊甚至带有脏兮兮感觉。

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

这个海报体色调都比较偏淡,文识性也保持在适程度,文组和背景色形成个色调组合,而品椅子却用了比其他色明度低颜色,这样与其他颜色形成了明度,主地位自然而然明确了。而如略微提高明度,效和原图相比太过平淡了,主地位也不够明显。

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

这个海报主显然是红色鸡头,而背景和文都用了明度较高颜色,这让明度较低红色异常醒目。而如将红色明度提高到与背景色明度相近,体色调是统了是于想要突出和强调主不是很好。

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

前三是从色三要素度出发属于比较接,而除此也有些比较接法,比如过添加其他颜色来衬托主。

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

这起到是锦上添花作用,为原本主已经明确了,是在这个基础上让主变更突出,让体配色显更加晰和鲜明,主稳定感觉。

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

这个海报是典型添加其他颜色来衬托主,这里使用了类似油画涂抹肌理,与主物单色形成了鲜明比,并在构图上也是很有讲究。而如将图片调成黑白或者将色肌理去掉,体感觉不仅显单调而主也没那么鲜明了。

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

这个海报主是两个甜品,过添加色块来陪衬会让版更加紧凑,并主到了加强,个画色层也更加丰富,主坚实印象让眼能感受到。如去掉色块主是孤零零存在,而画也显凌乱和松散。

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

这个海报主是创意性脸,过围添加色块形成了有色和色比,从而凸显出主地位。如不添加色块或者色块也是色会与主融为体,不能起到很好衬托和强调作用。

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

前都是从主度出发,我们也可以换个思路从配度出发,要想设计出强调主配色要减少配色强度,要配色稍加抑制可以让主突显出来。

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

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

降低配角的纯或者配角的明都可起到抑制配角的作。当角使纯较的颜色时他配角就尽量避免使纯色或暗色,淡色或淡浊色都可起到突显角的作,反过来是同样的道。

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

这个电影的海报整体为暗色调的红色,但是女角却了黑白处,只有衔接处使了一些红色,我们说减弱配角色可有的人就较死,真的就为只减弱配角色,实只要角与配角存在对都可达到目的。而如果将角色与他颜色混为一体就很难分辨角了,并且整个版面的色彩是非沉闷的。

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

这个海报的角如果从大范围来看就是图形组,而如果细分的话就是色的图形,原因就是色彩的使,这里的就是减弱配角的方式,将他两个图形填充白色,从而突显了色的角地位。而如果白色的图形填充色,那么毋庸置疑角就是这个图形组,但是无论是从美观还是版面的协调性上来看都如原图的效果好。

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

这个海报除了背景的无彩色白色外就是咖啡色,但是我们依然够分辨角是着咖啡的杯子,这里仅是因为咖啡上有格的原因,最要的就是他的颜色都适当的减弱了,从而角的咖啡色够凸显来。如果我们将他的颜色都调整成与角一致,这时再寻角就没有那么容易了。

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

领地空间我们可简单的解成留白,无论是字还是图片周围都会有一定的留白面积。而元素周围的留白面积决定了元素的重要程,只要扩大领地空间就会角被衬托得很强。

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

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

当素周围的领地狭窄也就是留面积较并且色彩度差不多的情况下,素就比较混乱搞不清谁是主角。而如果扩大领地空间主角就会变的醒目,即使没有色彩弱差也能够清晰地辨出主角,这就是领地空间的作用。

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

这个海报的主角显然是位于版面中心的图像,而文字息围绕着主角安排在四个角落,并且给主角留有恰当的空间领地,即使主角所占的面积没有足够大,但是通过周围的留好的调了主角。而如果将主角尝着放大一些主角就失去了领地空间,周围的文字是一种暧昧不清的关系,而且由于它的不适当的突出导致了版面不够协调,因此美观度相应的也就差了多。

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

这个海报似只是照片和文字的组,其实并不简,因为这对于图片大的把控非常关键,海报中为主角留有领地空间,文字并没有依附其上,没有响主角的地位。而如果将图片放大一些,文字还是保持来的位置和大,这主角的领地空间就受了侵占,效果显然没有图好。

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

这个海报就是图叠字的情况,整个图片和文字充了版面,图片的色调也相差不多。依靠什去辨主角呢?就是领地空间,因为中间坐在沙发上的人物没有文字的叠压,所以的目光然而然的就会被它吸引,所以它就是主角。而如果文字的编排充了版面,没有什空间,整个文字和图像就会形成一个整体,让难辨出谁是主角,想要调的是谁。

案例演示

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

后我们就用一案例家演示。通过文案信息能够了解到我们需设的关于柠檬果汁的招贴海报,根据本教程的内首先我们需提取关键信息确主角,针对这海报显然把产品当作主角刻画合的。

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

第一先创建版面,然后致的确下使用什么样构图形式,这里我们设一整体下结构的版面,然后其中又细分左中右的形式,再根据这构图行细化。

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

细化后的版式已很清晰了,接下就需根据这构图的形式对文案信息行编排。这里了体果汁饮料的柔润感感,中文我们选择偏柔一些的润圆体,英文搭配的偏轻的 Din字体。

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

把编辑好的文字组版面就这样子,将主角产品置事先留好的空余置,找一张相关的图片当作背景,然后调整文字的颜色将文字暂且填充白色。

这个画面最大的问题就是色彩和文字的识别性,现在这个背景的饱和度相对来说有些高,柠檬的鲜艳度甚至超过了产品,所以观这个画面的人首先注的肯定是背景图片,这就想调产品为主角的初衷相违背了,所以需要调整底图的色彩。

根据我们之前讲的方法,我们就从纯和明的角来看,因为背景的纯有些,我们先降低背景的纯。

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

降低纯之后效果仍然明显,那我们可明来增大与角的差异。这样与角产在色彩上就拉开了一些差异,我们之前讲的方法中还有添他颜色、减弱配角颜色及增领地空间。对于这个版面来说适合添余颜色,因为会影响到整个版面的调性。而减弱配角实我们已经到了,就是调整背景的纯和明。那么增领地空间呢?虽然这里角有它自己的位置,但是我们看这个版面半分的字识别性并好,我们可在面增个白色。

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

然后吸取背景中的绿色填充到方的字上,那么现在版面的色彩已经很合了,字的识别性没有问题,但是我们看背景的柠檬与角的距离有些,对角的地位会成干扰,将图片的整体位置向上移,这样就变相的强了角产的领地空间了,到此这个海报就设计成了。

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

那么肯定有人会想可可产和背景的柠檬共同成为角,实是可的,只要你有这个想法,我们做了一个方案。

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

这个方案保留了背景图片的颜色,但是为了强调柠檬和产的色,将背景图片中色外的颜色进行了色处,这样柠檬与产的颜色自然就形成了一个组合来充当画面的角,并且这里我们调整了标题,将标题放置在左上角,同时为柠檬增了一些领地空间,没有了字的遮挡柠檬就突显来了。

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

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

此本期的教程就结束了,通过欣赏相关的计作品来理解了调主角的种方法,当然方法不只这种,并且当在为计配色也并不是说这些方法都要用上,有候也许只简的使用一种方法就可以达调主角的目的,所以一定要灵活变通,不能死脑筋。就比如说并不是每一个计都要用主角或者需要调主角一,只是说如果你需要去调主角那这种方法就可以为你提供帮助,希望大家可以领会这个道理。

注研习设的微信公众号:「Yanxishe2017」

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

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

界面配色 2016 年玩追波的时候,有幸加入了 FreedomUnion 团队,当时团队内的小D(Dea_n)的界面渐变风很受欢迎,他使用的颜...
水手哥学设计
@研习设K先生 :「把这个logo放大!再放大!」「把这个活动内容给我改成亮眼的颜色,我要一眼就能看到的那种!」听到这些话大...
平面设计
欢迎关注研习社的微信公众号:「Yanxishe2017」
logo
设计行业,无时无刻不在和色彩打交道。配色问题一直是设计圈恒久不变的热门话题,网络上关于配色的知识多如牛毛,看的时候都...
基础色
今天将要分享的是一个我们在设计中经常会用到的「配色」。 很多设计师工作几年后还是对配色摸不着头脑,每次做设计依旧没有...
入门
@研习设K先生 :之前有一期《那些用色高手,都做过这些训练!》教程给大家讲解了一些基础入门的色彩训练方法,今天同样给大家...
色彩搭配
很多设计师在拿到了甲方需求,也和甲方进行了充分沟通的前提下,所完成的作品,甲方还是不满意。可能甲方会说,这个蓝色不是...
色彩基础
@研习设K先生 :今天给大家分享的是和设计师的工作息息相关的一个内容——在这个信息高速发展的今天,生活节奏加快,每个人都匆...
平面设计