梦想还是要有的，万一实现了呢？

淘宝美工配色之终极实战教程

2017-09-27 23:28发布

淘宝美工

画面色彩的组成元素 ① 进行实战之前，我们需要先明确一张海报的组成部分：文案、背景、产品图。这三个元素所含的颜色构成了整幅画面的色彩。 ② 回顾上一篇文章的内容关于配色


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

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

　　如何选色？
　　可以从产品图中直接取色，这个方法很多朋友做过一段时间工作之后都会自行领悟，在一些设 计书中也是不约而同的提到。因为从产品选出的色彩可以很好的与产品色相呼应，视觉上可以相互关联。是 最简单的选色方法。
　　解析:
　　采用邻近色的配色方案，背景取用人物衣服的蓝色。蓝色做为主色调，部分文案采用人物衣服上的青绿 作为点缀色。人物的衣服与背景颜色相呼应，潮流二字与人物肩膀上的颜色相呼应，色彩相同也会产生一种关 联，视觉点也会随着从左到右，从潮流二字移动到人物肩膀的位置上。画面格调整体冷静、稳定、柔和。
　　(背景的色块是画的选区然后配合曲线调下明暗简单的画了一下，这样可让背景显得不太单调~)
　　解析：
　　采用间隔色的方案，蓝 黄。黄色为主色，以蓝色为辅助色，青绿色为点缀与模特肩上那一抹颜色相呼应，间隔色的搭配比邻近色多了一些明快，更富有视觉冲击力。
　　解析：
　　经典红蓝搭配，一冷一暖，极具视觉冲击力，让人过目不忘，还可以传递出一种力量感和气势，还可 以把潮流二宇改为黄色，就变成了红黄蓝三色搭配，大家可以自己尝试下。
　　解析：
　　选取模特身上较深的蓝色作为背景色，采用大量的白色作为中间调和色，减少互补色激烈的对抗性。
　　注：白色和黑色都是万能百搭的调和色
　　解析：
　　上面几张案例基本都是用的高纯度的颜色，而高纯度的颜色会给人一种廉价促销的感觉，相比于前几张 这张海报降低背景的明度之后可以很好的体现出一种高端的格调，在暗色背景上加一些炫光，也是一种常用的 谢十表现手法。
　　解析：
　　深色的背景搭配高饱和度的颜色，既有高端的格调又有一些促销的感觉。副标题可以适当降低不透明度 更好的突出主标题，达到主次分明的效果。
　　以上案例均以蓝色为基色确立了邻近色（蓝 青）间隔色（蓝 黄）（蓝 红）互补色（蓝 橙）等六种色彩搭 配方案。每种方案所传递出的格调也各不相同。
　　总结：
　　配色就是以产品的主色调为基色，剩下要做的就是寻找与基色相协调的色彩。最后选择的方案要与客户给的风格基调相一致。还需要注意的是产品在画面中所占比例的大小，也就是产品颜色在画面所占比例的大小，要明确产品颜色与画面的色彩比例关系。
　　流程：
　　拿到一个设计需求之后，首先要明确客户要求的风格基调，然后根据产品的颜色为基色来确立符合客户需求的主色调，配色的过程中要一直考虑这2个方面，是否能与产品自身颜色搭配，是否符合客户的风格需求。最终的设计结果与初定的风格定位相匹配才是一件成功的作品。
　　大家可以看到一张海报的配色方案有很多种，时间关系我这里只是做了六种，需要明确的是 我们配色并不是随心所欲的，最终还是要根据客户的喜好，或者运营的具体要求来操作。
　　画面中我们每一个颜色的选择都是可以讲出道理的，假如运营想表现产品的品质感，我们就 可以采用暗色调方案，假如想表现出产品的年轻化、活泼则可以采用蓝黄搭配。再与运营沟 通的过程中，我们可以多和运营讲清楚我们这么配色的道理，因为大多情况运营和客户都对 颜色只有感性的认知，只是看着感觉不好，但是又说不出什么道道。与其听由指挥，不如多 向其提出建议，告知我们用色的缘由。

猜你喜欢
淘宝美工PS修图超实用超简单技巧！
淘宝美工

淘宝美工PS修图超实用超简单技巧！

设计手记 09-27180
这10年的教学生涯，发现很多人，因为没有好的教程，而放弃了自己的设计梦想！所以，决定多写美工实操案例教程，让更多人学好技术、拥有工作、胜任工作！ 有了PS，世界从此无真像！ ......

下载排行

全部

用微信扫一扫

愚公网