美工配色终极实战教程

画面色彩的组成元素

①进行实战之前,我们需要先明确一张海报的组成部分:文案、背景、产品图。这三个元素所含的颜色构成了整幅画面的色彩。
②回顾上一篇文章的内容关于配色的比例:主色约70%,辅助色25%,点缀色5%左右。根据红橙黄绿蓝紫这个六字顺序,两色之间相隔越远对比越强烈。
③初始流程:运营或者客户给出海报尺寸、产品图片、广告文案、海报的格调风格等位的关键词。然后交给美工开始设计...现在我们开始...

几种实战配色方案

分析:我们做电商就是卖货,因此主要的设计需求都以产品为主,所以我们就可以根据产品的颜色以及客户的要求的风格基调这2个方面来配色。用一句话来阐述就是:以产品的颜色为基准(基色),以客户要求为方向(目标)。最终的图片效果与客户初始要求基调相匹配。

如何选色?可以从产品图中直接取色,这个方法很多朋友做过一段时间工作之后都会自行领悟,在一些设计书中也是不约而同的提到。因为从产品选出的色彩可以很好的与产品色相呼应,视觉上可以相互关联。是最简单的选色方法。

产品:男士衬衫.关键词:时尚,潮流帅气,活跃。文案:潮流风尚,夏装八折上线

产品图上所出现的几种颜色:衣服 衣服肩膀 衣服花纹 头发 肤色

以下的几种配色方案主要以蓝色(模特身上的衣服)为基色,然后围绕蓝色展开。

 

方案一:邻近色                      

解析:采用邻近色的配色方案,背景取用人物衣服的蓝色,蓝色做为主色调,部分文案采用人物衣服上的青绿作为点缀色。人物的衣服与背景颜色相呼应,潮流二字与人物肩膀上的颜色相呼应,色彩相同也会产生一种关联,视觉点也会随着从左到右,从潮流二字移动到人物肩膀的位置上,画面格调整体冷静、稳定、柔和。

(背景的色块是画的选区然后配合曲线调下明暗简单的画了一下,这样可让背景显得不太单调~)

 

方案二:间隔色                      

解析:采用间隔色的方案,蓝+黄。黄色为主色,以蓝色为辅助色,青绿色为点缀与模特肩上那一抹颜色相呼应,间隔色的搭配比邻近色多了一些明快,更富有视觉冲击力。

 

方案三:间隔色(经典红蓝)                      

解析:经典红蓝搭配,一冷一暖,极具视觉冲击力,让人过目不忘,还可以传递出一种力量感和气势,还可以把潮流二字改为黄色,就变成了红黄蓝三色搭配,大家可以自己尝试下。

 

方案四:互补色                      

解析:选取模特身上较深的蓝色作为背景色,采用大量的白色作为中间调和色,减少互补色激烈的对抗性。
注:白色和黑色都是万能百搭的调和色

 

方案五:暗色调           

解析:上面几张案例基本都是用的高纯度的颜色,而高纯度的颜色会给人一种廉价促销的感觉,相比于前几张这张海报降低背景的明度之后可以很好的体现出一种高端的格调,在暗色背景上加一些炫光,也是一种常用的设计表现手法。

 

方案六:暗色调+高纯度                     

解析:深色的背景搭配高饱和度的颜色,既有高端的格调又有一些促销的感觉。副标题可以适当降低不透明度更好的突出主标题,达到主次分明的效果。

以上案例均以蓝色为基色确立了邻近色(蓝+青)间隔色(蓝+黄)(蓝+红)互补色(蓝+橙)等六种色彩搭配方案。每种方案所传递出的格调也各不相同。

 

总结:配色就是以产品的主色调为基色,剩下要做的就是寻找与基色相协调的色彩。最后选择的方案要与客户给的风格基调相一致。还需要注意的是产品在画面中所占比例的大小,也就是产品颜色在画面所占比例的大小,要明确产品颜色与画面的色彩比例关系~

流程:拿到一个设计需求之后,首先要明确客户要求的风格基调,然后根据产品的颜色为基色来确立符合客户需求的主色调,配色的过程中要一直考虑这2个方面,是否能与产品自身颜色搭配,是否符合客户的风格需求。最终的设计结果与初定的风格定位相匹配才是一件成功的作品。

大家可以看到一张海报的配色方案有很多种,时间关系我这里只是做了六种,需要明确的是我们配色并不是随心所欲的,最终还是要根据客户的喜好,或者运营的具体要求来操作。画面中我们每一个颜色的选择都是可以讲出道理的,假如运营想表现产品的品质感,我们就可以采用暗色调方案,假如想表现出产品的年轻化、活泼则可以采用蓝黄搭配。再与运营沟通的过程中,我们可以多和运营讲清楚我们这么配色的道理,因为大多情况运营和客户都对颜色只有感性的认知,只是看着感觉不好,但是又说不出什么道道。与其听由指挥,不如多向其提出建议,告知我们用色的缘由。

本文来源超级美工,经授权后由小编发布,观点不代表设计教程网的立场,转载请联系原作者。
9

发表评论