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

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

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

【 tulaoshi.com - 平面设计 】

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

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

简述

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

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

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

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

柠檬黄(Lemon yellow)

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

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

金丝雀色(Canary)

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

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

鉻黄色(Chrome yellow)

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

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

芥末色(Mustard)

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

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

土黄色(Yellow ochre)

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

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

麦秆色(Straw)

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

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

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

古铜色(Bronze)

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

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

暗黄皮革色(Buff)

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

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

裸色(Beige)

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

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

象牙色(Ivory)

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

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

亚麻色(Ecru)

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

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

棕土色(Burnt umber)

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

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

凡戴克棕(Vandyke brown)

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

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

源于自然的黄色意象

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

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

柠檬:新鲜、开始、香味

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

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

源于社会的黄色意象

旗帜:安全、休息、弃权

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、黄色配色实例

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

后记

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

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

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

经验教程

845

收藏

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