CMF| 单色、双色、三色的配色方法

用户头像
深圳/教育工作者/7年前/2766浏览
CMF| 单色、双色、三色的配色方法

能将单色配色、双色配色和三色配色做好,掌握当中的色彩技巧和规律,使用其他四色、五色即使再多的色彩做配色都能够轻松驾驭

从理论上来说配色方案并没有数量限制,只要能将单色配色、双色配色和三色配色做好,掌握当中的色彩技巧和规律,使用其他四色、五色即使再多的色彩做配色都能够轻松驾驭,因为它的根基和原理是不变的。



目前CMF设计军团成立了产品色彩交流群,诚邀设计师及对色彩爱好者们加入,


首先我们先来看单色配色,单色配色并不是狭义上的只使用一个颜色,而是广义上的单色,使用起来比较简单,并且很容易产生和谐的配色效果。


最明显、最直接的单色配色表现形式之一就是一个有彩色加上黑白灰。可能有的人会想,这怎么能算单色啊,明明好几个颜色呢? 其实当有彩色作为背景的时候,多数情况下上方的文字色都是无彩色,所以这种情况的无彩色可以忽略不计不算做颜色,因为毕竟这个画面给人最强烈的感觉就是有彩色的属性,黑白灰只是为了让人识别信息。


比如下面两个海报的风格都是以单个色相作为背景色,上方配上黑色字体或白色字体,非常简单直接明了。


而下面这个海报则相反是以灰色为背景,上方的元素使用了有彩色加白色。

单色配色的第二种表现形式就是一个有彩色搭配这个颜色的不同纯度。


这种同色相不同纯度的搭配整体效果非常和谐,但是需要注意的一点就是纯度的跨度值不能太接近,因为如果太接近的话文字的识别度就会降低。

这个海报的背景色使用的是纯度较高的粉色,上方叠加的文字使用的就是降低纯度之后的颜色。

这个海报的背景色就是由四个由深到浅不同纯度的颜色形成的色块,整体为蓝色调。

这个海报的背景是纯度较低的绿色,上方梯形的颜色纯度相对要高一些。

第三种形式的单色配色就是有彩色和它自身不同明度的搭配。


这种搭配效果跟同一颜色的不同纯度看上去差不多,也是需要注意两种色彩之间的明度关系,不能过小以免影响识别。

这个海报上层的色彩使用的就是明度高的黄色,下层带肌理的黄色明度偏低。

这个海报中人物的剪影虽然带有微弱的渐变,但是整体还是明度较低的,而文字的蓝色明度较高。

这个海报的背景色是低明度的深绿色,上方的信息除了非常少的白色就是明度较高的绿色。

还有一种形式就是有彩色加不同色调。在具体配色的时候通常不需要去单独调整纯度明度,可以直接调整色调,更加方便快捷。


使用同一个色相的不同色调往往操作性更强,因为限制比较少可能性会更多。可以根据版面的配色效果来调整纯度和明度,但是需要注意的是具体使用什么色相,这个要根据你的设计内容和气质来决定。

这个海报就属于单色配色的形式,整体为绿色调,通过不同色调来丰富画面的层次。

这个海报同样也是,插图和图片使用的都是黄色的不同色调。而下面这个海报单色的效果更明显,使用的是蓝色的不同色调。

接着我们再来看双色,配色难度相对来说提升了一个等级。


最简单的双色就是白加黑,相信很多人在做设计的时候通常都是先用黑白来代替,最后再配色。

黑白没有太多的情感属性,更多的就是白色和黑色自身的特质,至于整体的感觉是什么那就要看是黑色的面积大一些还是白色的面积大一些了。

这个海报就是黑底白字,上方的元素通过黑白来展现层次,没有使用其他颜色。

这个海报也是黑色背景,人物图片也处理成黑色调,结合白色块和交替的黑白文字来丰富画面。

这个海报使用的就是纯白色背景,上方黑色文字,可以说非常纯粹了。

这个和上一个差不多也是白底黑字,只不过文字的数量比较多而已。

而有彩色的双色可以根据色相关系来划分,如果大家看过我们之前的教程应该都耳熟能详了。


对比最弱的双色搭配就是同类色,也就是在色相环上距离15°左右的颜色。虽然是最弱的双色搭配,但是可以通过拉开纯度和明度的差异来增强对比。

这个海报就是同类色双色搭配,背景色为橙黄色,上方人物图形为黄色。

这个海报也是同类色双色搭配,但是背景看上去跟上方的深色对比很强,这是因为调整了纯度和明度。

这个海报的文字色并没有使用同一个色相的不同色调,而是在色相上稍微有些差异,也就是同类色。

比同类色对比稍强的双色搭配就是近似色,也就是在色相环上位置大约在45°左右的颜色。


近似色所产生的配色效果相对来说也是比较和谐统一的。

这个海报的背景色和上方的线条色使用的就是近似色,只不过线条的黄色降低了明度增加了对比,但是线条的形态又适当的减弱了对比。

这个海报的背景色是橙色,上方的文字色是黄色,保证了识别度的同时又让整体的效果协调统一。

这个海报和上一个海报类似,也是红黄两色的搭配,但是这里又使用了不同色调。

然后是中差色,也就是选取在色相环上位置大约在90°左右的两个色彩。

中差色的对比强度位于中间位置,属于比较中性、安全的双色搭配,既有足够的色彩对比,又不会过于刺激强烈,还具有一定的和谐性。

这个海报中图形的绿色和背景的蓝色就属于中差色对比,上方文字的深蓝色是在背景蓝色的基础上通过增加纯度降低明度所得到的,这也是一个双色配色的小技巧。


更多资讯请关注“CMF设计军团号”公众号。

10
阅读原文
|
举报
|
31
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
你可能喜欢
大家都在看
登录注册