两色搭配!简单有效的邻近色(色彩篇03)

用户头像
深圳/教育工作者/9年前/10815浏览
两色搭配!简单有效的邻近色(色彩篇03)
用户头像
坤和

我的配色文章系列之最,通篇干货!


前言:

 

我们的“色业”第三期:邻近色

 

没看过的之前的可以点击传送门:

 

什么是色?初窥色彩之门(色彩篇01)

 

2分钟读懂高大上的色相环(色彩篇02)



经过了两期基础教程,今天算是正式进入我们的配色教程,相信这次的知识点能够让你对配色有一定的概念和进步,让我们放轻松,开始学习配色技巧——邻近色吧!




01  



学习色彩搭配,不是从单一颜色开始的,而是从认识双色开始的;

 

两色搭配是用色的基础。

 

只有通过颜色与颜色的相互影响,相互衬托才能发挥巨大的效果。

 

(快到2017的父亲节了,做一张简单的贺卡案例来给大家理解一下色彩的相互影响)




①号



b8f0593c354ca8012193a336ed68.jpg

 

乍看之下,你可能以为这个名片只用了红色一种颜色。而实际上,还有一种颜色也在强烈的影响到你,那就是——白色

 

在这个贺卡中的白色是用来烘托红色的。

 

这两种颜色是一种相互衬托的关系,有了白色,红色显得如此显眼;有了红色,白色显得更加干净





②号



1f35593c3558a8012193a3214c7d.jpg

 

同一款贺卡加入了黑色;为什么这时候白色的存在感更加薄弱了?

 

因为黑色衬托出红色很热情,而红色衬托出黑色很庄重。

 

同时他们两开始互相“较劲”,它们使你的眼睛来回停留,不知道该看哪里比较好。

 

当路边有两个人在打架的时候,我们自然很难去注意到他们是站在白色的地板上。

 

当红色和黑色的衬托关系更明显时,我们没有精力去注意白色,它被我们心里自动的变成“透明”的了。




③号



6e70593c3562a8012193a394cbfd.jpg

 

当红色比较多的时候,红色就显出了更强烈、更丰富的感情

 

(当然父亲对子女的感情大部分不像母亲的爱一般强烈和容易感受到,有时候它总是比较“低调”)

 

虽然大面积的红色表现了更强烈的感觉,但如果遇到感受比较强烈的人,他可能会觉得有些刺眼

 

而在这里因为白色的面积变小了,它传递出来的不是“干净”而变成了“焦点”。





605c593c356ca8012193a32c272f.jpg



当红色面积较少的时候,又变成了白色衬托出红色的“焦点”



这款贺卡虽然看起来像是只有红色的单色作品,在归类上大部分也会把它归类为单色系。

 

但其实单色的作品也存在色彩对比关系,也就是图/文字与背景之间的关系。

 

色彩搭配时必然存在色彩对比,所以如何正确的理解色彩对比是十分重要的。



02

 

色彩可以传达出很细腻的表情,但它并不是很复杂。

 

色彩搭配,其实就是色彩之间的相互衬托和相互作用,有绿叶有鲜花才能衬托出各自的内耗。

 

上面的三款贺卡都是单色系,却在色彩的感受上各不相同。可见色彩对作品的影响多么巨大,让我们有必要去好好的理解它。

 

两色搭配是最为简单的色彩搭配,颜色越多,搭配起来就越复杂。



我们需要搞清楚色彩之间的关系。




03



在两色搭配中,相邻两色的搭配,是最为简单而有效、且最不容易出错的颜色。




在这里有个简单的小技巧让你简单的记忆色相环。

 

75d8593c357ca8012193a3a23e55.jpg



相信很多人都对“红橙黄绿青蓝紫”朗朗上口。



你只需要把它改成“红橙黄绿蓝紫品(品红)”就行了。



去掉一个青色,在最后加一个品红。

 

64d9593c3584a8012193a3902129.jpg

 

相邻色的搭配简单来说就是:红+橙、黄+绿、蓝+紫……

 

 


 

(图片仅供趣味性来理解邻近色,不要太较真噢)



03

但是有时候虽然它们属于邻近色,可是我们还是觉得搭配起来不好看,这是为什么呢?

 

98b7593c359aa8012193a321d67e.jpg

我们可以通过下面这个案例来学习一个小诀窍!



b33f593c35a8a8012193a396b87b.jpg

 

这是一组蓝色+绿色的相邻色搭配效果,但是,他们彼此的色彩太过强烈了,无论是蓝还是绿,饱和度都很高。



还记得我们之前熊猫与动物园园长的教程吗?里面就强调了主次的重要性,正所谓一山不容二虎,现在他们已经几乎是打起来了。

 

传送门:熊猫才是主角?(主题篇)




772d593c35afa8012193a37a680f.jpg

 

现在我们做一些改变,你能看出来吗?



我大幅度的降低了绿色的明度和微微的降低了它的饱和度。



还有一点,你有没有发现,在没有改变蓝色的任何参数的情况下,蓝色居然变得“亮”了起来,比起前面的一种不舒服感现在整体感觉更加通透



(敲黑板)



小诀窍:当一种颜色的纯度比较高的时候,另一种颜色我们就选择纯度或者明度比较低的。



当你调节之后,色彩之间有了主次关系,搭配效果自然就和谐了!



7ee5593c35b6a8012193a3e81eef.jpg




04



关于邻近色搭配,还有另一个诀窍,就是选定一个颜色后,我们仅仅去调整他的明度和饱和度来得到其他的颜色,将两者进行搭配。

 

这种搭配方法往往能得到很好的效果。



9ad8593c35bfa8012193a360ebe0.jpg



以上色环我们取出橙色然后在不改变色相的情况下,通过调整它的饱和度和明度就能得到跟它相互衬托、非常漂亮和谐的相似色彩。



我们看下通过橙色和它的相似色搭配能够起到怎样的不同效果?




①橙色的邻近色:黄色

 

9f84593c35c6a8012193a300197d.jpg




②橙色的邻近色:红色

 

55bf593c35cda8012193a30683da.jpg




③橙色的邻近色:棕色(棕色是饱和度和明度比较低的橙色,色相没变)

 

8b4a593c35d4a8012193a371af07.jpg



三个图虽然都是用了橙色,表达出来的感觉却都是完全不同的。

 

每个人对色彩的感情和感觉各不相同,在这里我就不详细的说每一个不同的配色产生了什么样的感觉,让我们自己感受一下这种配色对你产生了什么样的感觉。

 

————



本期教程内容:



问题:能否通过你的理解使用邻近色进行色彩搭配?



(如果无法理解,可以再翻看一下教程,有任何疑问请在底部留言或关注公众号向我咨询)



[部分参考资料:设计配色基础——Relen]

 

——————

 

结语:

 

如果有人问你黄色应该搭什么颜色比较好看,你只管大胆的回答“红色、橙色、或是棕色(它的邻近色)”



下一期教程预告:就不告诉你(关注公众号《熊猫设计师》可参与互动,获取最新教程信息!)



——————


 

↓  分享教程不易,听说点赞下一篇更快出噢! ↓


129
举报
|
93
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
平面插画设计女孩喝咖啡
玄关入门地毯印花图案红地毯
城市园林平面布局航拍
中国传统纹样创新图案设计
水蜜桃和李子的平面水果图案
牛奶乳液层次梯田平铺平面
平面花卉图案扁平简约无缝拼接插画
平面风格黄绿色系花朵装饰
金色颗粒质地的平面
城市园林平面布局航拍
城市园林平面布局航拍
平面男孩喝咖啡插画设计
牛奶乳液层次平面平铺平面
倒计时,海报,平面
平面插画情侣/矢量
空的平台平面和自然景观
城阙凡花
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
金色颗粒质地的平面
海底世界插画
金色颗粒质地的平面
金色颗粒质地的平面
金色颗粒质地的平面
空的平台平面和自然景观
平面书法字手写
你可能喜欢
大家都在看
登录注册