奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

时间:2020-09-03
类别:其他教程
水平:入门
观众:1.5w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

封面作者:rune fisker

为啥小猪佩奇的配色会吸引小孩子?
为啥中老年表情包用「辣眼睛」颜色?
什么是高级感的颜色?高级感颜色如何搭配?

屏幕前的朋友们,你是否有很多问号????

设计师就业衔接班@如如酱w 老师来解答
再给你 4 个实用配色小技巧

前言

审美是多元化的,配色也是。不过,年龄相仿的人群,或相似的成长经历,审美偏好可能会相近。
例如,日式古典建筑,多以红、黑、绿为主色调,很难说没受到过盛唐的影响。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

而在二战失利之后,日本开始全方面对西方的模仿,民众也开始偏好简约淡雅的「性冷淡」风。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧) 奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

因此,根据不同的人群喜好、或最终效果,挖掘其背后更深层次的原因,以及所处的历史阶段,更能设计出更符合需求的配色方案。

一、四象限配色法

任意打开一种颜色的色板,都可以划分为四个象限。

右上角:高纯度,高明度的鲜艳配色
左上角:相对柔和
右下角:高纯度,低明度
左下角:最暗的色彩。

取色时候,可以根据不同的设计需求,在不同象限中选择。

好处是:整体画面不会因为颜色跨度过大而显得突兀,反而会更加和谐生动。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

如果用一张色板走完人的一生,则正好是从右往左,从上往下,依次顺延下来。也就是,第 1 象限的高纯度,高明度,正好对应少儿时期的张扬舞爪,第 2 象限的柔和则是满满少女心,依此类推,每个象限的都有相对应的人群,一切都像被安排好似的。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

① 右上象限- 无拘无束的年龄 - 高饱度高明度

儿童的视觉神经尚未发育成熟,所以会更偏爱高饱和的颜色。给儿童设计配色方案时,试试搭配三原色,利用鲜艳的色彩,吸引小孩子的注意力和积极性。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

一般比较常见的卡通形象,多半会以这样的规律选择颜色,类似于米奇、唐老鸭、小猪佩奇等等,都以明艳配色,显得活泼性格,深得小朋友们的喜爱。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

同时,这个阶段也是人生中最无拘无束的年龄,情感也会更为外放,搭配浓烈的配色,更相得益彰。
相应的,想要突出画面的青春活力、张扬自信,选择右上角的配色,很难出错。这个象限里的配色,也最容易表达出冲击力强的感觉。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

② 左上象限-是你给阮一个梦 - 低饱和高明度

每个人的青春,是少年/少女心最丰盈的时代,也是最宝贵的时间段。
梦幻、向往、诗意,它任由时光加上一层滤镜,愉快与不愉快的经历,都会宛如蒙上一层浅白色的纱,朦朦胧胧,却又温温柔柔。
少女系配色也一定是美好的、可爱的、轻盈的,让人不自觉生出一点柔软的心绪。
因此,搭配这类插画与设计时,往往会选择饱和度更低,明度更高的颜色,也就是常说的粉蓝,粉紫,粉绿等等。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

想要营造梦幻、浪漫的感觉,左上象限是最好的选择,毋庸多言,配色能说明一切。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

③ 左下象限-越长大越孤单 - 低饱和低明度

人在走向成熟的时候,都会告别过去的自己,年少时的一些喜好,也会被摒弃。
成长在改革开放后的人群,受到战后西方审美的影响,或多或少更喜欢简约、优雅的风格。
而且,人到中年,也难免要追求些所谓的高级质感。
撇开材质,就配色而言,人们更偏好低饱和,低明度的搭配,这样的颜色传递出来的情绪相对更少,能用以衬托自身的气质。因为此时需要展示的,是充盈的内心,而非外在的装饰。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

常见的莫兰迪色,也是属于这个象限。这个象限给人成熟、宁静的感觉。
想表达孤独、静谧,可以多尝试这个象限的色彩搭配,会有很不错的效果!

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

④ 右下象限-时间都去哪儿了 - 高饱和低明度

相对幼儿的视觉神经发育期,中老年人不得不面对各类感官的退化,此时,需要浓烈的色调来调和。
中老年表情包、阿姨团拍照必备丝巾,都是高饱和、鲜艳颜色的搭配。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

尽管这些丝巾与表情包,会被年轻人吐槽,仔细分析一下原因,却又无可厚非。
除去身体的客观原因,阿姨辈年轻时,正赶上物资最为匮乏的时期,一切欲望都被压制着,即便是最有少女心的时间段,也只有黑白灰的衣服可以穿,这样带来的后果即是,条件允许之下,人便会加倍补偿自己。
又由于人的社会属性,作为长辈,不能像孩童那样张扬,因此在色相确定的情况下,更多时候会选择降低明度,让配色显得更加传统、知性。
假如需要营造神秘、高端的感觉,试试这个象限的颜色,它也往往表达历史的厚重感。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

例如日式传统和服,搭配高饱和,低明度,营造出高级、神秘感。
运用在插画中,也可以凸显画面的质感。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

当然,这样的划分并非绝对的把颜色分为四个象限,也非绝对的根据年龄划分颜色。颜色本身有一定的气质,我们不用死记硬背,而是用心感受它,这样才能在使用颜色更加游刃有余。

二、高级感配色从何而来

色彩无所谓高低级,如前文所提,审美是多元化的,每个人对于色彩的喜爱也是不同的。
但是,基于历史、心理学等各方面原因,不同配色,给人带来不同感官体验,因此也就存在不同历史阶段,人们会觉得某些颜色比较高级。

① 阶级

维系几千年的封建时代,不同阶级对于颜色的选择也有着严格界定,《礼记·玉藻》曾描述过,周代服饰的颜色以「青」、「赤」、「黄」、「白」、「黑」为正色,象征尊贵,《礼记·月令》中,更有「天子着青衣」的记载,而到了隋唐时期,黄色则成为了皇室专用的颜色,普通人更是不可以僭越。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

所以,不同的历史阶段,人们对于「高级」的理解也有不同。总之,越跟阶级有关,越不可以触碰,越显得高贵,越遥不可及。故宫的红墙绿瓦,不也因曾住过封建时代的最高掌权者,而增添为高贵神秘的色彩吗?

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

正如「旧时王谢堂前燕,飞入寻常百姓家」,王朝更替之后,前朝高级的配色,后朝也许会变得普通,例如同样的红配绿,撇开阶级感的滤镜,在普通人的搭配中,会显得廉价、低俗。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

② 价格昂贵

工业革命之前,人们对于染料的提取,比较麻烦,一些稀有的颜色,也会因价格昂贵,被少数人拥有。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

例如紫色,自然界中光波最短的颜色,也是最晚出现的颜料。早期的紫色原材料,除了紫色花草,更为夸张的一种获取方式:染色骨螺等海贝中提取。
而 1 克紫色染料,大概消耗一万只海螺,如此费时费力的获取方式,让人望而却步。当时的紫色布料,比黄金还要贵重,英国女王伊丽莎白一世,还曾禁止官员随便穿着紫色衣物。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

同样,按品级区分颜色的中国唐代官员,也只有三品及以上官员,才有资格穿紫色官服。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

直到1856年,化学家威廉在实验中意外发现苯胺紫,紫色才流行开来。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

近现代依旧有不少价格影响审美的例子。例如早前iPhone 6s的玫瑰金,由于手机价格的昂贵,导致这个颜色也变得高级,随着产品的更新迭代,它也早远离了流行趋势,不再吸引眼球。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

③ 传递出来的情绪减少

今天已经不存在哪种颜色,或者染料,只有权贵、富豪才能拥有的情况,但这并不代表颜色不再让人有高级感。实际上,配色中的情绪表达,依旧会让某些配色看起来比较高级。
之前的文章中,我曾经分析过,不同的颜色给人不同的感官体验,这是颜色所传达出来的情绪。例如红色带来炙热,蓝色令人平静等等。
选择不同饱和度与明度,也能让同样的色相,传递出不同的情绪。

例如,同样是红色,当它的饱和度与明度过高时,我们会联想到国旗、鲜血等等,油然生出敬意感,而降低饱和度之后得到的粉色,却能唤醒我们深藏的少女心,再降低明度,则会与深宫红墙类似,呈现出复古幽静的感觉。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

从以上例子中,不难发现,纯度与明度过高的颜色,带给人强烈的情绪,适当降低饱和度与明度,也能让人心绪安宁下来,这样就让人觉得高级了。因为我们日常所追求的,不就是心平气和吗?
例如,追剧少女们都知道,早年间的古偶剧多用鲜艳的阿宝色来搭配,想拉近距离感。而这样的视觉冲击,却带来廉价与俗气的感觉。前两年的延禧宫略,于正摒弃过度鲜艳的配色,用起了经典的莫兰迪色,人眼前一亮,整部剧也显得高级起来。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

日常中也不难发现,快餐店会使用高饱和的红/黄的搭配,刺激顾客食欲,也凸显出高性价比。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

极简的家居装饰配色,传递出来的少量情绪,给人带来更高级、更贵的体验感。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

三、配色实用小技巧

① 互补色提升冲击力

很多新手配色,担心用错颜色,只敢用对比相对弱的搭配,虽然整体画面不易出错,看起来柔和,实际上,配色缺失对比感,画面整体会显得灰且暗。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

如上图,整体配色过于保守,不敢使用鲜艳色彩,表面上安全可靠,实际却因没有拉开明暗对比,整体显得平。如果我们提升颜色的饱和度,拉开对比,则显得干净清爽许多。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

插画中,我们可以多尝试互补色的搭配。例如黄色与紫色,红色与蓝色,利用与颜色本身的对比感,提升画面冲击力,第一时间抓住用户目光。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

当然,如果两种颜色的对比过强,也会造成灾难,关于这一块,在之前的文章中,我也有过详细的讲解,就不再过多赘述,大家只要明白,没有绝对不能搭配在一起的颜色,也没有绝对百搭的颜色,一切视情况而定。

② 同色系营造氛围感

对比、互补的颜色,多用于冲击力强,比较吸引人的插画。那么,氛围感强的插画,该如何搭配颜色呢?
相邻色、同色系,是不错的选择哦!之前讲过,不同的颜色给人带来不同的感觉。相邻的颜色,感觉也相似,例如红色,黄色,都是温暖的色系,都会让人觉得热情、饱满,同样,冷色系则显得更清凉、理智。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧) 奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

可以看到,同样元素,冷暖色的使用,带来完全不同的感官体验。
营造氛围时,多用相邻色或者同色系来搭配,会强化整体画面的观感,最大范围提升效果。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

例如饮品厂商Tropicana(果缤纷)的宣传画,运用大量的黄绿色系,营造出果汁的纯天然、健康感,提升消费者的好感度。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

这样的画面让人感觉置身大自然,暖色调的使用,又能供给出温馨的感官体验,整体画面非常舒适自然。

③ 打破固有色的禁锢

还有个技巧:用色可以不要太依赖固有色。
比如绘制天空与大海,一般人会想到用深深浅浅的蓝色,实际上换做青色,天空更显清爽,浅黄色营造出暖意,粉紫色的天空让画面更浪漫。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

绘制其他元素时,结构清晰的情况下,试试使用其他的颜色。例如常见的苹果,除了红色,紫色、绿色也能给人不同感觉。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

因为固有色是正常光线下,物体体现出来的颜色。可是,绘画毕竟是门艺术,是再创作,而非对现实生活的完美还原。绘制插画或做设计时,只要结构表意清晰,配色可以表现出个人风格也就是我们常说的「主观色」。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

很多名画中,人物的皮肤没有使用现实世界的白色、黄色,而用红皮肤等,也没影响画想要表达出的内容,反而强化了画师本人的风格。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

④ 色相可以不太「纯」

任何一件物体,都处于环境中,并非真空存在,这样也就产生了环境色。过于「纯」的色相,其实在现实生活中并不存在。
举个天空的例子,纯粹的蓝色,让画面显得死板无趣,在蓝中带点青色、紫色,会更加跳脱。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

同样的例子还有绿植,纯粹的绿色,在画面中往往会觉得很奇怪,而如果在绿色中加一些青,或者加一些黄色,则会更融入环境中,会让画面显得更加生动,和谐。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

环境对于物体本身颜色的影响,还是很大的,这也是为什么,很多画师绘制物体,不只用一种颜色,而是结合多种颜色。最常见的平涂风格,就加入对比的颜色来中和画面感。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

即便是单色调,我们也可以调整色相位置,让颜色不那么单一。

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

例如上图,可以看到,相比混合的颜色,单一的的蓝、青、紫会单调许多。
针对不同人群、不同阶级制作设计方案时,我们不只要考虑配色,还要考虑配色给人的感官影响,它起到非常大的作用。如果你平日试着总结些配色规律,往后配色更能得心应手。

 

一看文章感觉会?实际操作还是废?

9 月 9 日,还有 

优设「设计师就业衔接班」

45 天! PS AI AE从入门到入行

新·宝藏课程即将开启!

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

从设计基础入手进行扫盲式教学

 专为大学生、设计新人 

 转行人打造的设计入行指南 

 

你将会收获设计师必备的 53 个知识点,以及 9 大增值福利:

奇奇怪怪的配色知识又增加了!(附4个实用配色技巧) 奇奇怪怪的配色知识又增加了!(附4个实用配色技巧) 奇奇怪怪的配色知识又增加了!(附4个实用配色技巧) 奇奇怪怪的配色知识又增加了!(附4个实用配色技巧) 奇奇怪怪的配色知识又增加了!(附4个实用配色技巧) 奇奇怪怪的配色知识又增加了!(附4个实用配色技巧)

添加课程咨询师

即可咨询设计师就业衔接班

优设最新新新宝藏课程!

就它了!

VX :【uisdc2 】

VX:【uisdc3 】

19 收藏 110

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 1

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片