美工配色案例:淘宝美工学配色之终极实战教程

画面色彩的组成元素

① 进行实战之前,我们需要先明确一张海报的组成部分:文案、背景、产品图。这三个元素所含的颜色构成了整幅画面的色彩。

② 回顾上一篇文章的内容关于配色的比例:主色约70% 、辅助色25%、点缀色5%左石。根据红橙黄绿蓝紫 这个六字顺序,两色之间相隔越远对比越强烈。

③ 初始流程:运营或者客户给出海报尺寸、产品图片、广告文案、海报的格调风格等位的关键词。然后交给 美工开始谢十…现在我们开始…

几种实战配色方案

分析:

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

如何选色?

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

美工配色案例:淘宝美工学配色之终极实战教程

美工配色案例:淘宝美工学配色之终极实战教程

解析:

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

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

美工配色案例:淘宝美工学配色之终极实战教程

解析:

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

美工配色案例:淘宝美工学配色之终极实战教程

解析:

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

美工配色案例:淘宝美工学配色之终极实战教程

解析:

选取模特身上较深的蓝色作为背景色,采用大量的白色作为中间调和色,减少互补色激烈的对抗性。

注:白色和黑色都是万能百搭的调和色

美工配色案例:淘宝美工学配色之终极实战教程

解析:

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

美工配色案例:淘宝美工学配色之终极实战教程

解析:

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

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

总结:

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

流程:

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

大家可以看到一张海报的配色方案有很多种,时间关系我这里只是做了六种,需要明确的是 我们配色并不是随心所欲的,最终还是要根据客户的喜好,或者运营的具体要求来操作。

画面中我们每一个颜色的选择都是可以讲出道理的,假如运营想表现产品的品质感,我们就 可以采用暗色调方案,假如想表现出产品的年轻化、活泼则可以采用蓝黄搭配。再与运营沟 通的过程中,我们可以多和运营讲清楚我们这么配色的道理,因为大多情况运营和客户都对 颜色只有感性的认知,只是看着感觉不好,但是又说不出什么道道。与其听由指挥,不如多 向其提出建议,告知我们用色的缘由。

美工配色案例:淘宝美工学配色之终极实战教程

属性标签: , ,

欢迎留言