平面设计 
首页 > 平面设计 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/24 浏览:3 次 )

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

相关阅读:

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

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

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

简述

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

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

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

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

柠檬黄(Lemon yellow)

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

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

金丝雀色(Canary)

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

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

鉻黄色(Chrome yellow)

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

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

芥末色(Mustard)

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

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

土黄色(Yellow ochre)

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

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

麦秆色(Straw)

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

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

古铜色(Bronze)

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

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

暗黄皮革色(Buff)

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

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

裸色(Beige)

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

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

象牙色(Ivory)

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

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

亚麻色(Ecru)

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

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

棕土色(Burnt umber)

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

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

凡·戴克棕(Vandyke brown)

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

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

源于自然的黄色意象

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

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

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

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

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

源于社会的黄色意象

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、黄色配色实例

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

后记

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

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

上一篇:设计师必知的UI图标设计的全面知识汇总
下一篇:资源库整理的一些相关内容分享
一句话新闻
Windows上运行安卓你用过了吗
在去年的5月23日,借助Intel Bridge Technology以及Intel Celadon两项技术的驱动,Intel为PC用户带来了Android On Windows(AOW)平台,并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版,将Windows与安卓两大生态进行了融合,PC的使用体验随即被带入到了一个全新的阶段。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap