如何学习颜色搭配?

平面设计中的颜色搭配应该怎么入门呢?有技巧要领还是死记硬背?nonono,配色是需要长时间积累经验的。多看优秀作品、优质的配色网站,形成自己对于色彩的敏感度,才是不二法则。

 

首先来了解一些基础的色彩知识,可以帮助你更快建立对于色彩的认知,这将有助于你对于颜色的选择和搭配。

1.辨识颜色

颜色有三大要素:色相、纯度、明度

色相:色相是指能够比较确切地表示某种颜色色别的名称。如玫瑰红、桔黄、柠檬黄、钴蓝、群青、翠绿……从光学物理上讲,各种色相是由射入人眼的光线的光谱成分决定的。简单来说就是一眼看过去是什么颜色,就是由色相决定的。

纯度(饱和度):色彩的纯度是指色彩的纯净程度,它表示颜色中所含有色成分的比例。含有色彩成分的比例愈大,则色彩的纯度愈高(高饱和度),含有色成分的比例愈小,则色彩的纯度也愈低(低饱和度)。

明度:指色彩的明亮程度。明度有两极,从白到黑,靠近白的颜色明度高,被称为“高调”,靠近黑的颜色明度低,被称为“低调”,中间的为“中调”。

这张概念图中包含了颜色的三要素,由此可见颜色的维度类似两个相扣的圆锥体。

形象一点说就是,以圆盘中心为圆心的所有圆的维度,就是色相(Hue);

以圆盘圆心到颜色最纯的圆边的维度,就是纯度(Saturation);

圆盘上的所有颜色可根据一把尺子上下位移,这把尺子就是明度(Brightness)。

2.认识并制作色谱

了解完颜色三要素,接下来就是颜色的归类。色谱是个好东西,不仅能巧妙的将颜色分类,还能让人一眼看出搭配颜色的和谐程度。一般来讲,色谱看起来和谐,那颜色其中的颜色搭配也是和谐的。

色谱理论上分为“类比色”和“分裂色”两种:

类比色就是指色轮上相邻的颜色,类比色的搭配,对比度低,给人舒适悦目的和谐感。

分裂补色就是指色轮上直线穿过圆心相对的两种颜色,分裂补色的搭配,对比度高,给人活力清新的视觉冲击感。分裂补色色谱上的颜色要有主有次,运用颜色时,面积也要有大有小,这样才能形成既有重点又和谐的美感。

也可以根据个人喜好制作“特色”色谱

举几例子,提到中国传统的颜色,映入脑海的可能也只是水墨画中的黑白灰和中国红,但其实,中国传统色系的色谱有红有绿,颜色搭配颇为精妙。

中国美色

 

此色谱是《中国国家地理》杂志推出的一款中国传统颜色的色谱,名为“中国美色”。由于中国古代颜料多数都是以矿物制成,所以这些颜色显得偏低调(暗),因此色彩看起来像经历了历史的沉淀,有种古韵美。但因为其饱和度高(鲜艳),因此在颜色搭配上更为讲究。

自己搭配的简单色谱:

3.色彩的作用

前进色与后退色

前进色:在置于同一平面上的各种颜色中,显得比其它颜色更靠近眼睛的某些颜色中之任一种颜色。

后退色:亦称“缩色”。和其它颜色在同一平面上,但看上去离眼睛较远的几种颜色。

暖色系被称作“前进色”,而冷色系被称作“后退色”。

膨胀色与收缩色

服装时尚界有一个常见的说法“白色显胖,黑色显瘦。”这正是运用了这个概念,即相对显大的颜色叫“膨胀色”,显小的颜色称为“收缩色”。

空气透视法

空气透视法是用清晰度、色彩饱满度来表现物体远近的技法。由于空气的阻隔,远处的物体和近处的物体相比色彩更加黯淡,清晰度也更差。

晕影

饱和度很高的颜色搭配组合,会产生一种叫“晕影”现象,让人觉得很刺眼,物体反而看不清。将两种颜色之间加入黑或白等分隔色,可以减轻晕影现象。

分隔色

分隔色就是在配色时将两个相邻的颜色分隔开的颜色,适当的使用可以加强抑扬,使整体感更强。

4.从优秀作品中提取配色

许多图片中颜色的搭配可以说的经典中的经典,我们为什么不借鉴其中的颜色呢?

借画师灵感

“莫兰迪色系”因为《延禧攻略》大火。剧中上到景色下到衣着,配色中自带的灰调让画面看起来极尽温柔、典雅。所以有人把莫兰迪,这位存在于19世纪的法国画家搬了出来。

他的画作配色:

可以看出,莫兰迪色系的特点是:饱和度低、明度高调,色相跨度很大,颜色掺灰但并不单一,因此即使是淡淡的颜色,给人的感觉并不是小清新,而是几分典雅的气质,符合莫兰迪岁月静好的个人特色。

梵高的印象派画作一直都给人强烈的视觉冲击,原因在于线条和色彩的搭配反差强烈。他将分裂色运用得十分到位,每一幅画作中几乎都可以找到。

梵高画作中的配色饱和度高,明度低调,看起来颜色饱满厚重,并且分裂色的巧妙运用显得画面层次分明,更具张力。

寻照片色彩

很多风景图片拥有非常完美的配色,让人第一眼感觉惊艳,第二眼感觉舒适,其实大自然已经给了你许多的调色板。就像房屋风格设计中的地中海风格,他的蓝、白、褐就是反应了人们对海洋、沙滩、浪花和天空这些天然景观的追求。

因此照片中的自然景观配色我们自然不能放过:

将照片中的色调搭配运用到平面设计中,显得作品清新自然。大自然调出来的颜色,自然是不会出错的。

5.配色网站

当然,在学习初期,你也可以参考配色网站进行配色。多多浏览配色网站,也可以提高自己对于颜色的敏感度。

 


Fotor懒设计拥有完美的颜色系统,支持颜色提取和颜色自选,快来Fotor开启你的设计之旅吧~

01-1
wanglin@everimaging.com如何学习颜色搭配?

发表评论

邮箱地址不会被公开。 必填项已用*标注