这可能是你看过最好的色彩课,色彩大师速成手册!

图片[1]-色彩搭配速成-优然创能

不会搭配颜色?

调色很土?

创意搭配很没品?

别担心,本文将会从色彩的HSB三大属性入手,详细讲解七大色调的六大搭配原则。让你在极短的时间内速成色彩美学,并且立即应用到生活之中。阅读完本文,你也能成为色彩高手。

颜色具有三大属性

图片[2]-色彩搭配速成-优然创能

H-色相、S-饱和度、B-明度

H-色相

图片[3]-色彩搭配速成-优然创能

人话说,这就是颜色的名字。比如红色色相,黄色色相等等。而要想说明白色相,我们就必须引入一个概念叫做色相环,在幼儿园的时候学过,阳光通过三棱镜可以分为各种颜色,为了方便辨识,我们便将这些颜色放入圆圈里,而这个圆圈就叫做色相环。幼儿园老师还告诉我们圆是360度,如果把这个度数引入到色相环中,我们就可以给颜色附上一个度数,比如红色是0°,绿色是120°,蓝色是240°。

图片[4]-色彩搭配速成-优然创能

在这里需要补充,本文这里使用的色相环是基于CG色相环的,可能与你们见到的其他色相环略有不同,因为每个颜色都对应了一个度数,所以我们在描述颜色的时候,就大大减少了歧义。对颜色的描述也可以量化了。

知道了色相环和颜色的度数,其实就可以引入色相搭配的概念。

色相搭配

图片[5]-色彩搭配速成-优然创能

我们通常认为有四种搭配方式,分别是同类色搭配、邻近色搭配、对比色搭配和互补色搭配。

在这里,我们以0°红色为基准。

夹角在15°以内的颜色我们视为同类色,取出三个颜色搭配形成同类色搭配。

图片[6]-色彩搭配速成-优然创能

夹角为45°的颜色,我们视为邻近色,取出三个颜色搭配形成临近色搭配。

图片[7]-色彩搭配速成-优然创能

夹角在120°的颜色,我们视为对比色,取出三个颜色搭配形成对比色搭配。

图片[8]-色彩搭配速成-优然创能

夹角在180°的颜色,我们视为互补色,取出两个颜色搭配形成互补色搭配。

图片[9]-色彩搭配速成-优然创能

在色相搭配的时候就可以遵循以上原则。

举个例子,我们选一个背景45°橙黄色,上面的字选择30°橙色,我敢保证这样肯定很丑,因为色彩搭配仅仅是运用色相搭配是不够的。

图片[10]-色彩搭配速成-优然创能

我们稍稍的运用一些色调搭配原则,整体的效果就会好很多。

图片[11]-色彩搭配速成-优然创能

别急,接下来我们一点一点的讲,看完本文你肯定能掌握色调搭配,而不仅仅是色相搭配。

S-饱和度

我们暂时先将H-色相放一边,现在来看一看S-饱和度,饱和度指的是一个颜色的纯净程度,我们打开一个色板,越靠近右边呈现出来的色彩也就越鲜艳,相应的饱和度也就越高。越靠近左边,色彩的鲜艳程度也就越低,相对应的饱和度也就越低。

图片[12]-色彩搭配速成-优然创能

B-明度

接着我们先把明度说了,因为色调是饱和度和明度配合产生的,明度也就是亮度。

依旧是这个色板,这次我们不横着看而是竖着看。

越靠上颜色也就越亮,明度也就相应的越高,越靠下颜色也就越黑,明度也就相应的越低。

图片[13]-色彩搭配速成-优然创能

我们一般又把明度大致分为三个大的调子,分别为高、中、低调。大致就是明度高的地方我们称为高调。灰色的地方我们称为中调。明度低,黑色的地方称为低调。

图片[14]-色彩搭配速成-优然创能

七大色调

现在我们将明度和饱和度放在一起,我们就可以得到我们的七大色调。而这七大色调又分布在明度的三大调子中。

其中高调部分有四个色调,中调部分有两个色调,低调部分有一个色调

图片[15]-色彩搭配速成-优然创能

我们顺着来,先说高调部分的四个色调,

白色调

第一个色调叫做白色调,大概就在下图中的区域里,饱和度很低明度很高,看上去就很类似于白色。

白色调的优点是:素雅、文艺、干净、极简。

而相对应的缺点就是:相对的乏味、单调。

图片[16]-色彩搭配速成-优然创能

我们来看张白色调为主的图,大致是符合文艺极简风格的。

图片[17]-色彩搭配速成-优然创能

粉色调

第二个色调是粉色调。在我看来,粉色其实并不是我们通常意义上说的粉红色,也可以是粉蓝色、粉黄色等等。

在色环上大概是下图中的位置。

饱和度比白色要高一些。明度比白色低一些。

粉色调的优点是:清秀、天真、可爱

相对应的缺点是软弱无力,缺少力量感。

图片[18]-色彩搭配速成-优然创能

同样的,看一张例图。

图片[19]-色彩搭配速成-优然创能

明色调

第三个色调是明色调

这个色调相对应要鲜艳一些,但是也不是过度的浓艳

优点是:年轻、活力、阳光、清爽

相对应的缺点是:比较廉价、看上去不是那么具有品质感。

图片[20]-色彩搭配速成-优然创能

同样的来看一张图

图片[21]-色彩搭配速成-优然创能

鲜色调

第四个色调是鲜色调

这个色调的明度与饱和度都非常的高,给人的视觉冲击力很强。

鲜色调的优点是:刺激、活力、强力,

相对应的缺点是较为生硬和廉价,用不好就会有一种牵强的感觉。

图片[22]-色彩搭配速成-优然创能

如下图

图片[23]-色彩搭配速成-优然创能

因为这四个色调都是同属于高调的,所以明度都比较高。

图片[24]-色彩搭配速成-优然创能

接下来我们看到中调的两个色调。

图片[25]-色彩搭配速成-优然创能

灰色调

其一是灰色调,也就是我们通常说的高级灰。大概就是明度不高,饱和度也不高,看上去就比较有高级感,高级灰是人们很喜欢的一种色调。

灰色调的优点是:品质,高端,奢华和生态。

缺点是:缺少活力

图片[26]-色彩搭配速成-优然创能

深色调

而另外一个色调就是深色调,深色调相对于灰色调,饱和度会更加的高,看上去会更加的深邃。

深色调的优点是:成熟,稳重,大气。

相对的缺点是:比较压抑,阴暗,不透气。

图片[27]-色彩搭配速成-优然创能

黑色调

最后看到属于低调的色调黑色调, 顾名思义就是接近于黑色的色调。饱和度和明度都很低。

优点是:大致给人一种神秘,力量,厚重的感觉。

但是缺点是:抑郁,压抑。

图片[28]-色彩搭配速成-优然创能

六大搭配原则

现在我们知道了七大色调和他们的特点,然而仅仅知道色调是不够的,最重要的是知道不同的色调之间怎样去搭配,这就涉及到了六大搭配原则。

互补色平衡

第一个搭配原则是互补色平衡,也可以说是互补色、对比色平衡,简单地说也就是我们确定了一个主色之后,相对应的在色环上找到这个颜色的互补色或对比色,并且适当的将这些颜色运用到画面之中,来平衡主色。

图片[29]-色彩搭配速成-优然创能

比如这张图,主色是蓝色,我们就可以用黄色来平衡他,可以稍微的提升一些画面的活力。

图片[30]-色彩搭配速成-优然创能

冷暖平衡

第二个搭配原则是冷暖平衡,我们知道红、黄、橙色系给人的感觉比较温暖,所以我们将红、黄、橙色系归为暖色系。而绿、青、蓝给人的感觉比较寒冷,所以将绿、青、蓝色系归为冷色系。

图片[31]-色彩搭配速成-优然创能

在色彩搭配的时候,如果我们大面积是暖色,那我们就应该适当的搭配一些冷色,降低画面的燥热感,达到冷暖平衡。

图片[32]-色彩搭配速成-优然创能

深浅平衡

第三个原则是深浅平衡,也就是说画面中的颜色应该有深有浅,互相搭配。比如我们的主色调是浅色系,就可以用深色系的色调来做搭配,这样就可以满足深浅平衡。

图片[33]-色彩搭配速成-优然创能

回到刚才的例子,我们根据同类色的原则选出了黄色做底,橙色做字,搭配起来不好看的最大原因就是没有达到深浅平衡,因为我们的底色是比较浅的颜色,而字的颜色同样是比较浅,这样搭配的话就会深浅失衡。因此为了增加深浅对比,我们的字就可以采用深色调或者黑色调,在色相不变的情况下,画面会变得更加的和谐。

图片[34]-色彩搭配速成-优然创能

我们可以将两张图都转换为灰度,可以看到有深浅对比的图明显有层次感一些。

图片[35]-色彩搭配速成-优然创能

色彩面积平衡

第四个原则是色彩面积平衡,色彩面积平衡简单一点说就是画面要有主色、辅色和点缀色,其中主色占据画面的70%,辅助色大概占据画面的25%,点缀色大概占据5%。当然这只是一个大概的范围,没必要特别的精确。

图片[36]-色彩搭配速成-优然创能

我们来分析一张图片。在这张图中,画面的主色是粉红色,辅助色是粉蓝色,而粉白色作为点缀色存在,有了色彩面积的主次关系,我们的色彩搭配就会富有层次感。

图片[37]-色彩搭配速成-优然创能

有彩色和无彩色搭配

第五个原则是有彩色和无彩色搭配。有彩色就是我们在色轮上能找到的五颜六色的各种颜色,而无彩色基本就是黑白灰。无彩色的黑白灰给人的感觉往往是比较的无聊,而彩色给人的感觉是非常的活跃,不够沉稳。

图片[38]-色彩搭配速成-优然创能

二者搭配就会平衡各自的缺点,发扬各自的优点,看上去就会别有一番趣味。

图片[39]-色彩搭配速成-优然创能

花色和纯色平衡

第六个原则那就是花色和纯色平衡,花色其实准确说并不是一种颜色,而可以是插画、摄影、图案等等较为复杂的画面,而纯色就是简单干净的画面,一般来说涉及到的颜色也比较单一。花色给人更多的是喧闹感,而纯色给人更多的是安静感。喧闹和安静中和,花色和纯色的搭配,就能比较的和谐。

图片[40]-色彩搭配速成-优然创能

比如以下的图片,画面中的下半部分属于花色,而上半部分则是属于纯色。

图片[41]-色彩搭配速成-优然创能

花色和纯色的搭配也可以运用于穿着上,比如上半身穿花色下半身穿纯色。

图片[42]-色彩搭配速成-优然创能

讲到这里,其实很多东西都已经讲明白了,如果记不住的话可以多看几遍。

© 版权声明
THE END
喜欢就支持以下吧
点赞7赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容