服务热线:
18971120504
图文展示
衍果视觉设计培训学校

电商设计师必须知道的美工配色六字秘术

美工设计师学配色,必须先了解配色比例:日本的设计师提出过一个配色黄金比例,是70:25:5,其中的70%为大面积使用的主色,25%为辅助色,5%为点缀色,一般情况下建议画面色彩不超过3种,3种是指的3种色相,比如深红和暗红既可以视为一种色相。美工设计师配色注意比例。

一般来说颜色用的越少越好,颜色越少画面越简洁,作品会显得更加成熟。颜色越少我们越容易控制画面.

零基础电商设计师配色技巧有哪些


编辑

色彩的关系

色彩搭配就是不同色相之间相互呼应相互调和的一个过程,色彩之间的关系取决于在色相环上的位置

色相和色相之间距离的角度越近,则对比越弱,离得越远则对比越强烈。

零基础电商设计师配色技巧有哪些



编辑

背下这六种色相之后,那么你的配色之旅已经起了一个良好的开端...因为所有的颜色都可以根据这六种基础色相来调配,下面我们来说下3种最最常见的色彩配色方式。

一、相邻色搭配

在色轮中挨着比较近的就是邻近色,根据红橙黄绿蓝紫这六字顺序,相邻色搭配就是红+橙,橙+黄,黄+绿,绿+蓝......以此类推。

零基础电商设计师配色技巧有哪些



编辑

相邻色因为比较邻近,有很强的关联性,非常协调柔和,画面非常和谐统一,可以制造出一种柔和温馨的感觉,因为在色轮中位置较近所以这种搭配视觉冲击力较弱。

几个例子:

零基础电商设计师配色技巧有哪些



编辑

这两张基本都是以相邻色为主色调,第一张还加了一笔橙色起到点缀的作用,整体画面非常柔和协调,因此这类配色常用家居,棉织品,小清新淡雅的服装,中国风等能给人以宁静,柔和,传统感觉的产品.


零基础电商设计师配色技巧有哪些



编辑

相近色搭配中还有一种单色系的搭配方式,采用同一色相,仅仅调整该色的明度/饱和度,得到另外一种颜色如上图所示,文字颜色就是用背景色降低饱和度/明度后的结果,本身背景色明度很高,又采用单色搭配手法所以会给人高雅,淡雅,宁静的感觉。主标题的字体也配合整个画面采用了一些变形,使得整体非常统一和谐。

零基础电商设计师配色技巧有哪些



编辑

图1使用的蓝与紫搭配,画面宁静和谐。

图2使用的单色搭配,深蓝+浅蓝,画面统一带有一点传统的感觉.

零基础电商设计师配色技巧有哪些



编辑

这张海报用的红+橙的搭配方式,以橙色为主色调,背景中采用不同桎色增加了画面的空间感,并且让画面看起来不是那么的单调,海报中邓超惊讶的表情,以及背景倾斜的线条和几何方块的点缀,漂浮的产品使得原本稳定的画面变得活泼轻快富有冲击力,可见海报做成什么格调也与画面每个组成部分都有密切的关系。


二、间隔色搭配

根据红橙黄绿蓝紫这六字顺序,红+黄,橙+绿,黄+蓝,绿+紫,蓝+红,因为这种搭配方式中间都隔了一个颜色,因此称为间隔色。


零基础电商设计师配色技巧有哪些



编辑

间隔色相比较相邻色,2色之间在色轮上相隔远一些,因此视觉冲击力会强于相邻色,而且间隔色使用非常广泛,既没有180°互补色冲击力那么具有刺激性,又比相邻色多了一些明快活泼,对比的感觉。特别是红黄蓝三原色之间的相互搭配应用非常广泛也非常流行


几个例子:

零基础电商设计师配色技巧有哪些



编辑

图1基本是很典型的间隔色搭配,画面非常明快时尚,文字还采用了白色作为调和.蓝色本身就具有一种科技的格调。这里用蓝黄白搭配再合适不过了

图2是典型的三原色红黄蓝组合,画面比例控制的非常好,以蓝色为点缀,也采用了白色作为调和缓冲。使得画面有一定的空间感,


零基础电商设计师配色技巧有哪些



编辑

图1紫绿搭配,很明快略带一丝传统的一种中性搭配方式,

图2红黄百搭色有非常抢眼的促销感,

大家可以看上方这些图片的背景都不是单一的颜色,比如右下角这张海报红色背景上又加了一个深红色的放射性背景,左下的海报紫色背景后面还加了一些深紫色的几何方块做点缀。星然是2个颜色,但是都属于一种色相,这样可以使得画面摆脱单调的感觉,增加画面的空间感,给人以活泼时尚的感觉.

零基础电商设计师配色技巧有哪些



编辑

重点说下红蓝搭配

红蓝搭配应用非常广泛,因为这2个颜色是典型的冷暖结合的颜色,有很强的对比性,会给人留下很深刻的印象, 比如百度的Logo, 百事可乐的logo, 公安局的警车, 超人, 蜘蛛侠的动漫形象, 很多国家的国旗等。这2种色彩对比很容易让人视觉瘦劳心理亢进。所以不适用家居等静物。由于红蓝搭配冲击过于强烈,因此最常见是采用白色作为调和色, 最典型的就是百事可乐的Logo.

零基础电商设计师配色技巧有哪些



编辑

在看几个例子

零基础电商设计师配色技巧有哪些



编辑

这些海报基本都无一例外的在图片中添加了白色作为调和,白色和黑色都是万能的调和色,红蓝搭配还要注意的是不能让色彩过于均衡,一定要控制好两色的比例,其中一个要为主色在画面中要占大比例,使之产生主次关系,或者降低其中一个颜色的明度/饱和度,产生一种明暗对比。

还需要说明一点的是:冷色在画面中总是趋于后退,暖色是趋近,暖色很容易就可以进入人的眼帘。这点就需要大家根据画面中重点信息的层级自己把握了。

三、互补色配色

在色轮中相隔180°的2个颜色互为补色,是色彩搭配中,对比最为强烈的颜色,没有之一.根据红橙黄绿蓝紫这六字顺序,互补色就是中间间隔2个颜色,红+绿,橙+蓝,黄+紫

零基础电商设计师配色技巧有哪些



编辑

互补色搭配可以表现出一种力量,气势与活力,有非常强烈的视觉冲击力,而且也是非常现代时尚的搭配

几个例子:

零基础电商设计师配色技巧有哪些编辑

互补色搭配要注意三个方面:

1一定要控制好画面的色彩比例,因为这个2个颜色放一起对抗非常激烈,所以一定要选出一个老大当主色满.

2另外一方作为点或者辅助色,还可以降低其中一方的明度/饱和度,这样可以产生一种明暗对比,缓冲其对抗性。

3或者在画面中加入黑/白作为调和色进一步缓冲其对抗的特性。

美工配色记住六个字:红橙黄缘蓝紫,色相相隔越远对比越强烈,离得越近搭配越柔和最后是控制好画面的色彩比例。

联系老师

联系老师

副标题

 
 
 
 
 工作时间
周一至周日 :8:30-21:00
 联系方式
客服热线:18971120504