新手必看:平面作品色彩系列之黄色篇

所属分类: 平面设计 / 平面其它 阅读数: 884
收藏 0 赞 0 分享

上次说了色彩系列的橙色,今天继续聊聊黄色。这篇文章是在看了李正贤的《不一样的配色设计》一书的部分摘录和读书笔记,除了色彩基础知识科普,也会有对应的网页案例分析,非常适合新手学习。

相关阅读:

深入浅出学配色 色彩重定义之红色篇

深入浅出学配色 色彩重定义之橙色篇

谁都无法否定黄色带来的温暖,因为它就是太阳发出的光,黄色就是光,它也被称为“光之色彩”。

简述

作为光的颜色,黄色可以作为挽救黯淡色调的救世主,赋予画面更多活力。另外,黄色是一种最稳固的颜色,也就是说,就算是增加它的明度,它也不会偏离本色太远。

黄色本身的亲和气质让它又似乎被看作可有可无,作者在书中表达了对“用光很好”的这项设计技能的期待,那就是要花费千军万马之力才能促成的效果。由于光是画面和色彩得以呈现的前提,因此,黄色必定是画面的基础色,尤其是表现自然和现实场景时,黄色的运用就会让画面看上去更加自然。

一、黄色系色彩的名称和语源

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

柠檬黄(Lemon yellow)

是一种柠檬表皮的颜色,黄中泛着草绿色。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

金丝雀色(Canary)

这是一种和金丝雀羽毛的颜色一样清新明亮的黄色。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

鉻黄色(Chrome yellow)

Chromium源于古希腊语khroma,用来表述颜色时指的是用鉻制作的黄色颜料。它的表述范围很广,从纯粹的黄色到泛红的黄色都可以表述,近来用于指称泛红色的黄色。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

芥末色(Mustard)

这是一种纯度较低、比较浓重的黄色。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

土黄色(Yellow ochre)

Ochre是黄土的意思,这里指的是黄土一样的颜色。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

麦秆色(Straw)

干枯的秸秆的颜色,纯度较低的黄色。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

古铜色(Bronze)

Bronze是青铜的意思,但在色彩中指的是泛黄色的亮褐色。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

暗黄皮革色(Buff)

Buff的意思是黄色的牛皮或鹿皮,这是一种泛黄色的浅褐色。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

裸色(Beige)

法语Beige意思是未经漂白的羊毛色,现在作为固定名词,用来指低纯度的亮黄色。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

象牙色(Ivory)

古希腊语中的Ivory意为象牙,这是一种较亮的裸色,已近乎接近纯白。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

亚麻色(Ecru)

法语中的ecru是未进行漂白的意思,用来指称未进行漂白的亚麻的颜色。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

棕土色(Burnt umber)

棕土是一种天然的矿物颜料,用来表述一种类似栗色的泛红色的深褐色。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

凡·戴克棕(Vandyke brown)

因弗兰德斯的画家凡·戴克经常使用而得名,是一种较为浓重的褐色。凡·戴克被称为“光的画家”

二、黄色的意象和配色表现

源于自然的黄色意象

光:温暖、灿烂、美丽、明亮、肯定、能量……

黄金:财富、名誉(金牌)、权力……

柠檬:新鲜、开始、香味……

鸡雏:小孩、未成熟、俗气、新加入的……

泥土(黄土):怀旧、母爱、气度、污染、脏……

源于社会的黄色意象

旗帜:安全、休息、弃权……

记号:注目、补充说明、注意(黄牌)、警告……

信号:休息、孩童、保护、危险……

100%的黄色在社会的意义方面,常用来表现孩童、引人瞩目的形象;在自然性的意义方面,常用来象征灿烂、能量和富有。

在画面整体较暗没什么亮色的时候,黄色会成为点睛色,但如果画面中使用的色彩较多,黄色就不太容易成为点睛色。与红色和蓝色相比较,黄色吸引眼球的力度不够,所以,比起抢眼的点睛色,黄色更适合用于调节画面的气氛。

要想让黄色在保持自己的光芒的同时不改变画面整体的感觉,就要协调搭配黄色与点睛色。比如,在以温暖的大红色、泛红的黄色、泛紫的红色作为点睛色的情况下,要用偏嫩绿色的黄色来与之搭配。总之,黄色与近似色搭配时,要避免抢过点睛色的风头,这时就要冲淡黄色的本身的感觉。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

泛橙色的黄色比原色黄更能营造柔和温暖的氛围,这种平和积极的印象更能表现亲切多情的感觉。泛橙色的黄色不仅能与原黄搭配,而且能和相对暗淡的灰色和黑色搭配。在纯正的黑白灰中,都加入一点黄色能使画面整体呈现舒适安宁的氛围。也能改变画面整体的印象,表现出贴近自然的感觉。因为,黄色本身存在着“光”。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

泛绿的黄色偏冷,给人感觉冷漠。在原黄中加入白色和黑色的话,黄色本身的明亮的光感和暖意就会消失,变成偏冷的色彩。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

在黄色的配色中容易犯的错误是,认为黄色本身是温暖的颜色,所以亮一点暗一点都会保持温暖感觉,这实际上是错觉。100%的黄色如果和暗色搭配就会变成泛绿的偏冷的黄色,温暖柔和的感觉就会被脏乱和消极性感觉代替。

相比红色、草绿色、蓝色等颜色,冷感的黄色与粉红、嫩绿、淡蓝这样的颜色搭配起来更协调。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

比起100%的红色,冷黄色与深红色或浅红色,或者泛紫的红色搭配起来更合适。这样的配色,呈现出的不是柔和的自然的色彩感觉,而是认为创造的豁亮感。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

三、黄色配色实例

如果说红色是点睛色的代表,那么黄色就是主色的代表。所以,画面上即便只有两种色彩,只要有黄色,其他颜色也会偏黄。如果想改变画面的整体感觉,只要改变黄色就可以了。所以,黄色决定了整个配色的基调和主要感觉氛围,因此它的配色也会更加多样和有趣。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

这是一个以黄色为主色,黑色为点睛色的配色。这个配色中,设计师聪明地使用了黄色的这种影响全局的功能,让观者对黑色产生“深咖”的错觉,从而让包装更符合“咖啡”的主题。此外,线条画的和蔼可亲感用黄色作背景也非常容易发挥。黄色的表现力很强,因此和黑色这种冷色搭配也会表现强烈的对比。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

黄色与红色等暖色的搭配使画面偏暖,但加入了大量的深黑就让整个配色趋于均衡。深红色,也是绝妙的搭配冷黄的一个选择。画面既有冲突,又有和谐。让冷黄色作主色,偏暗的红色作点睛色,避免用100%的原黄和原红,这已经甩以“抢眼”为主要目的“红黄配”好几条街了。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

黄色与绿色的搭配在我看来是一组比较棘手的问题,书中作者并没有特别提及怎样搭配。我总结一下,关于这对邻近色的搭配方法:

1、这两种配色各自所占的色彩面积应该有对比,例如上图所示的案例中,绿色占据了绝大部分的面积而黄色则占据少有的部分。

2、最好能加入另一种色彩。由于黄色偏暖,而绿色为中性色,就需要另一种偏冷的颜色作均衡。此外,两个相邻的颜色相配,色彩对比的张力不够,需要另一种色彩来加强张力。

3、如果只有两种色彩搭配,在色彩的纯度上最好能保持对比。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

黄色与蓝色搭配,其中黄色作为主色的时候,蓝色作为点睛色,两种色彩一冷一暖能很好的相互协调。

另外,在我们配色时,我们习惯上认为点睛色非常重要,而其实决定整个作品基调的是主色。因此,主色才是决定画面氛围的决定性的选择。在我们配色之初,我们就需要确定画面的氛围,根据氛围来确定主色和点睛色。例如“温暖的、动画感的色调”、“复古的、鲜明的色调”、“老成沉稳的色调”、“波普风格的色调”等。整体的氛围才决定整个作品的用色。

详细解析平面作品色彩系列之黄色篇,PS教程,思缘教程网

本例中,暗淡的黄色,趋向深咖非常适合营造复古的氛围,确定了复古氛围后,就选用了深咖作为主色,很好的诠释了主题。

要强调黄色积极性的一面,最好与橙色、褐色等泛红的颜色配色。尤其是色彩的明度尽量不要差异过大。即便使用相同的黄色,“褐色和黄色”的配色就比“黑色和黄色”的配色明度差异小,从而更能表现出温暖的感觉。

后记

能与黄色搭配的颜色没有限制,没有完美之配色,突破固有的观念,才能获得一鸣惊人的效果。

以上就是平面作品色彩系列之黄色篇解析,希望这篇教程能对大家有所帮助!

更多精彩内容其他人还在看

八种很漂亮的排版方法和技巧分享

这一篇教程的版式设计主要针对的是画册设计中的版式排版设计,作者一共总结了八种很漂亮的排版方法和技巧给大家分享出来,希望这篇教程能对大家有所帮助
收藏 0 赞 0 分享

怎样才能恰如其分地运用对比提升设计品质呢?

对比实际上是每一项设计都应体现的重要原则,因为对比能够组织设计并构建设计的层次,也就是说它能够告诉观众什么才是最重要的部分。恰当地运用对比不仅能强调焦点,还可以增添视觉趣味性。那么怎样才能恰如其分地运用对比提升设计品质呢?我们来看看吧
收藏 0 赞 0 分享

如何努力成为一名复合型设计师?UI设计师需要其他技能盘点

复合型人才应该是在各个方面都有一定能力,在某一个具体的方面要能出类拔萃的人,那么也就是说作为一名“单纯”的UI界面设计师,理应具备其他技能,这样才能更具竞争力。那么UI设计师可以有哪些其他技能呢?来看看吧
收藏 0 赞 0 分享

实用:40个标志设计的心得技巧

好的标志设计不仅需要让你的作品显得富及创意及好看,它还需要能够与受众产生品牌信息的沟通。今天就为大家分享40个标志设计的心得技巧,对于初学者来说非常值得学习,好了,下面我们来学习吧
收藏 0 赞 0 分享

连续法法则 连续性在平面设计中的应用

利用连续性的心理法则,我们可以在设计中创造一种张力——从而形成一种吸引力,今天为大家分享连续性在平面设计中的应用,很实用,值得大家学习,推荐过来,希望能对大家有所帮助
收藏 0 赞 0 分享

电商banner和海报文字排版的几个实用小技巧

今天为大家分享电商banner和海报文字排版的几个实用小技巧,教程真的很实用,非常适合初学者来学习,值得大家来学习,推荐到脚本之家,来看看吧
收藏 0 赞 0 分享

两个实战案例帮你一窥专业设计师才会的设计思维

我们平时评判一个设计的好与坏,很多时候都是从色彩好不好看、使用时有没有可用性的问题等等角度来做出判断,今天为大家分享通过两个实战案例帮你一窥专业设计师才会的设计思维技巧,一起来看看吧
收藏 0 赞 0 分享

5个维度来说说视觉设计师的设计风格

想要把设计风格讲清楚,的确不是一件容易的事。但绝对要避免从感性的角度来阐述事实的这种习惯,毕竟现在的移动产品从视觉表现力方面正在逐步降低要求,这种环境的变化也是要求视觉设计师应该主动去加强设计思路的原因,下面从5个维度来说说视觉设计师的设计风格
收藏 0 赞 0 分享

电商设计师究竟该如何正确认知自己的价值呢?

要想知道电商设计师的价值是什么,就先要知道电商设计师是谁是做什么的,那么电商设计师是做什么的呢?今天为大家分享电商设计师究竟该如何正确认知自己的价值,一起来看看吧
收藏 0 赞 0 分享

超实用:字体设计之笔体笔划知识全攻略

汉字的基本笔划有点、横、竖、撇、捺、挑、折、勾8种,每种在此基础上又细分出很多同类笔划,今天为大家分享字体设计之笔体笔划知识全攻略,非常实用,值得大家学习,一起来看看吧
收藏 0 赞 0 分享
查看更多