淘宝美工学习培训

1框架

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

首页推荐
作品分类:学经验/设计教程/ 发布时间:134天前 原创作品栏目版权归发帖会员所有,其他栏目均来自互联网,仅供学习与交流。
人气 9390

马上登录,结交更多好友,享用更多功能,让你轻松玩转致设计

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

    本帖最后由 熊猫设计师 于 2017-6-10 18:07 编辑

    前言:

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

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




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



    01  


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

    两色搭配是用色的基础。

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

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



    ①号



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

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

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




    ②号



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

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

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

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

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



    ③号



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

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

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

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






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


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

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

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


    02

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

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

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

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


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



    03


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



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



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


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


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


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



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


    03

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

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



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


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





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


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


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


    (敲黑板)


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


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





    04


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

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




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


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



    ①橙色的邻近色:黄色




    ②橙色的邻近色:红色




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



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

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

    ————


    本期教程内容:


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


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


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

    ——————

    结语:

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


    下一期教程预告:就不告诉你


    ——————

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


收藏 70人收藏

最新点赞

作者很希望看到你用心的评论哦(已有22个评论)

0%
还可以输入200个字
评 论

全部评论(22)

初夏筱筱 105天前
很棒的教程,我通常比较喜欢红黄、蓝黄、绿黄、蓝紫搭配。
3D美工 115天前
请问可以出一个补色相互搭配法则的教程,谢谢
熊猫设计师 回复 3D美工 2017-06-29 19:58:53
看我主页另外的教程,有出。
. 117天前
习惯红色和黄色搭配
only99 118天前
也许也可以这样理解:相邻色是由三原色(红黄蓝)和三间色(绿橙紫)之间左右相邻的颜色组成的。
only99 120天前
就是相邻色跟互补色会搞混,希望你能出个互补色的教程。
熊猫设计师 回复 only99 2017-06-25 07:15:58
参照我另外两篇色彩教程。
only99 120天前
说白了邻近色就是RGB跟CMY之间相邻的颜色为相邻色,那么红黄、绿青、蓝品能算是相邻色吗?
熊猫设计师 回复 only99 2017-06-25 07:15:44
这个算间隔色了,参照我另外两篇色彩教程。
only99 回复 only99 2017-06-26 14:32:07
那相邻色只能是在它的左边或右边,超出了这个范围就不算是相邻色,可以这样理解吧?
lanlan123 122天前
学到了
“邻近色”我可以这样理解吗?  就是一个颜色的左右两边的颜色,比如说:
熊猫设计师 回复 阳光般的你阳光 2017-06-22 10:44:53
可以,参照如果做电商设计,参照一下RGB色相环是不错的选择。哪个颜色跟哪个颜色近一目了然
你说:“如果有人问你黄色应该搭什么颜色比较好看,你只管大胆的回答“红色、橙色、或是棕色(它的邻近色)”     那“黄色”的邻近色也有“绿色”喔 ~ 那绿色算不算也是黄色搭配比较好看的一种呢?
熊猫设计师 回复 阳光般的你阳光 2017-06-22 10:44:10
算。重点是把握好色调(明度、饱和度、纯度)。
阳光般的你阳光 回复 阳光般的你阳光 2017-06-24 08:11:20
谢谢你   学到了
见朕骑姬吧 123天前
暗色系的不好搭是吗
熊猫设计师 回复 见朕骑姬吧 2017-06-21 13:28:43
看你想表达什么气质,暗色系会更有价值感,但相对也会比较沉闷
上一篇 下一篇
关闭


评论
还可以输入200个字
评论
公众号

关注致设计微信公众号

QQ
©2016致设计 (专业电商设计平台)
, Processed in 0.455481 second(s), 91 queries , Gzip On, Redis On.
快速回复 返回顶部 返回列表