建站虽易运营不易,且阅且珍惜!

淘宝美工学配色

技术 微风里的红叶 835℃ 0评论

一丶画面色彩的组成元素

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

‍二:几种实战配色方案

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

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

实际案例:

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

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

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

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

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

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

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

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

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

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

——————————————

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

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

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

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

红叶

转载请注明:红叶 » 淘宝美工学配色

喜欢 (0)or分享 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址