详细解析平面作品色彩系列之黄色篇

2016-02-16 19:10 13 1 收藏

有了下面这个详细解析平面作品色彩系列之黄色篇教程,不懂详细解析平面作品色彩系列之黄色篇的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - 平面设计 】

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

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

简述

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

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

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

详细解析平面作品色彩系列之黄色篇,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%的黄色如果和暗色搭配就会变成泛绿的偏冷的黄色,温暖柔和的感觉就会被脏乱和消极性感觉代替。

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

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

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

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

三、黄色配色实例

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

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

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

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

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

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

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

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

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

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

后记

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

来源:https://www.tulaoshi.com/n/20160216/1571784.html

延伸阅读
光的特效在平面设计中是较为常用的视觉元素,在设计作品中合理地添加这些光效,可以使你的作品绚丽多彩,增强视觉冲击力。光的视觉特效比较多,闪电、光芒、火焰、光晕等都属于光的视觉特效范畴。 该范畴的特效所呈现出的特点也不同,列如闪电划破天空时,夸张的裂纹外形;火焰熊熊燃烧时多变的层次;光晕特效产生的华丽光芒等...在制作时首先得...
想成为一个合格的UI设计师,光会画图标可不行,今天360的Micu设计小哥从头帮你补上版式这一课,分享他的界面构图三板斧,此外,你还能学会如何用设计语言解构画面,这可是设计师的必备职业能力。 人家设计得真好可是好在什么地方呢,却说不出来。这是阻挡你成为优秀设计师的一大障碍。设计是我们的本行,不会用设计语言来解构画面,是说不过去...
之前介绍过这个神器,今天终于有实战教程咯!作者以微信消息页面为例,来讲述下Origami中常见的几个交互模块以及一些在平时使用经常会应用到的小技巧。学起来吧! 最终效果如下图,暂时先忽略这AV般的画质。 在正式做动效之前,做好前戏尤为重要对动效进行分析并将其分解。 你看,我是这样拆解这个动效的: 点击微信消息列表中的任意项,...
这里是一个童话里的世界。沐浴在晨曦中,一屡屡金黄的光线会静静的洒落在你的肩头。远处的小木屋,在晨雾的环绕中,宛若仙境。在那里可以没有烦恼,片片白云悄然的点缀这湛蓝的天空,成群的牛羊悠闲的散落在大片的绿色中,微风吹过,荡起花海的阵阵波浪,你会有种错觉,如果有天堂,大概就是这里吧。   参数:尼康 D3数码相机 尼克尔24-...
有一段时间没分享一点儿东西了,记得上次与大家分享过情感化设计中的手绘应用表现。今个再次煽情一下,与大家分享一点关于色彩情感的那些事儿,可能前部分的色彩介绍大家有了解过。但任何事情有因有果,所以还是先让大家了解下关于色彩的组成和色彩的情感等,再来简单说说在我们生活中和界面设计中的运用所带来的感受,以及人们对色彩的喜好偏...

经验教程

537

收藏

56
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部