恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
读书笔记:重命名你的色彩——黄色篇
0.0°
2016-01-28 原创文章 教程 举报 12894 284 206 8

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

版权申明:本教程为我的原创博文,文章出处请点击此处。如有转载需要请提前与我联系!谢谢!


前言


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


简述


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


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


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

Image title

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


Image title

金丝雀色(Canary)

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


Image title


鉻黄色(Chrome yellow)

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


Image title

芥末色(Mustard)

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


Image title

土黄色(Yellow ochre)

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


Image title

麦秆色(Straw)

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


Image title


古铜色(Bronze)

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


Image title

暗黄皮革色(Buff)

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


Image title


裸色(Beige)

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


Image title

象牙色(Ivory)

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


Image title


亚麻色(Ecru)

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


Image title


棕土色(Burnt umber)

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


Image title

凡·戴克棕(Vandyke brown)

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


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


源于自然的黄色意象

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

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

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

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

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


源于社会的黄色意象

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

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

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


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


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


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


Image title

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

Image title

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

Image title

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


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

Image title

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

Image title

三、黄色配色实例


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

Image title

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

Image title


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

Image title

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

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

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

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


Image title


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


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

Image title

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


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


后记


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


本系列其他文章:


读书笔记:给你的色彩重命名——红色篇


读书笔记:给你的色彩重命名——橙色篇

微信公众号:飞屋设计微杂志

更新:2016-01-28

收藏

284人已收藏

飞屋睿

http://www.ifeiwu.com

  • 149

    作品

  • 1.8w

    粉丝

  • 0

    关注

  • 学插画的高起点是从艺术品借鉴灵感:现代抽象风格插画图形设计
  • 无需手绘的AI矢量扁平几何风基础插画:《鲜果派对》海报
  • 我的商业插画设计书《商业插画设计思维魔方》终于出版啦!
  • 神仙级控线练习,文艺极简水彩线描简笔画植物:草叶集(二)
相关标签

    猜你喜欢

      2016-01-28 原创文章 教程 举报 12894 284 206 8

      读书笔记:重命名你的色彩——黄色篇

      0.0°

      你确定要举报读书笔记:重命名你的色彩——黄色篇

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年01月28日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      206
      284
      8

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录