header_v0.7.31

写给新人平面设计师的第一堂色彩课:聊一聊色彩背后的故事。

195天前发布

原创文章 / 多领域 / 观点
酷coo豆 原创,如需商业用途或转载请与酷coo豆联系,谢谢配合。

颜色的命名是多久开始的?为什么色光三原色是红绿蓝?人们是如何从大自然中学会了调制颜色的?如何去正确的表述身边的色彩?带着这些尚未解决的疑问, 撰写了这篇文章,希望能带给你不一样的启发。

640e58bee05ca801219c776be004.jpg


推荐语:这篇文章,并非简单罗列当代已有的色彩理论研究成果,而是从人类对色彩的认知开始,通过一个个小故事,一步步还原了色彩的本质。相信,读到最后你也会和我一样,发出:「原来如此!」的感叹。


作者:@酷coo豆 。公众号:followdesign(平面设计学习日记)



平日里的一些关于色彩的文章或教程,它们更加侧重现有色彩理论知识的陈述和经验分享,但很少涉及到“为什么”的层面,比如颜色的命名是多久开始的?为什么色光三原色是红绿蓝?人们是如何从大自然中学会了调制颜色的?如何去正确的表述身边的色彩?带着这些尚未解决的疑问, 撰写了这篇文章,希望能带给你不一样的启发。


为了写好这篇文章,@酷coo豆 花费了大量时间,查阅了相关资料,时间从公元前跨越到公元后,涉及人物从上帝到人类,以及色彩相关百科知识,以求尽量做到措辞严谨。一周后的今天,如期呈现以下原文。


导语


上帝说要有光,于是万物便有了色彩。色彩作为世间万物最为显著的外貌特征,是最能引起人们注意的视觉元素之一。回想一下你在手机中寻找某个APP时,心中是不是也在默默地匹配这个应用的icon颜色?再比如我提到香蕉时,你首先联想到的是香蕉的外形还是颜色?与此同时,色彩在平面设计领域中不但可以丰富版面样式,还能恰如其分地传递版面的主题情绪,从而大大的激发人们对传达内容的信任。


7e2b58bee0a5a801219c774274f5.jpg


色彩的记忆-配图↑↑↑:当提到某个APP时,你脑海中是否会立刻浮出这个APP的icon颜色?


991858bee14fa801219c77942f2d.jpg


源于人们对生活中色彩现象的不断归纳总结,推理出了大量有关色彩的基础理论,并创造出了诸多色彩相关的专业术语、以及知识文献。在学习平面设计时,若要将其一一掌握,可不会少花功夫。不过今天,我们就暂且抛开已有的色彩研究理论、以及相关专业术语,一道来从简单的色彩感官现象开始,一探色彩背后的真相!


一、颜色是怎样形成的?



1.人们对色彩的认识和命名由来已久


在人类还没学会如何调制色彩之前,颜色就已经存在。我们身处在五彩斑斓的世界里,无不展露出大自然的鬼斧神工,大自然才是最伟大的设计师。早在公元年的唐代期间,就有了来自诗人白居易对色彩的描述「日出江花红胜火,春来江水绿如蓝」,以及杜牧的「千里莺啼绿映红,水村山郭酒旗风」。可见人们对色彩的认识和研究历来已久。


光照下的乳石,呈现出绚丽的色彩↓↓↓




秋天的枫叶,由绿转红↓↓↓



傍晚的落日通红↓↓↓



色彩鲜艳的果蔬,总会让人垂涎欲滴。↓↓↓



2.公元前人类就学会了调制颜色


追溯到更早的公元前4000一前3000年,当时的埃及人已熟悉冶金术、陶器制造及颜料染色等。到了公元前1000年—前600年的西周到春秋期间,中国劳动人民已掌握丝帛的各色染法,学会了创造颜色。公元前5世纪,古希腊的人们就提出了月食成因,并认为月球因反射太阳光而明亮。直到公元1666年,一次偶然的机会,牛顿发现太阳光在经过三棱镜后,会被分散成红橙黄绿青蓝紫的七色光,并得出:白光是由不同颜色的光混合而成的结论。这个发现便由此奠定了经典力学时代,对光学以及色彩研究的理论基础。


a3bc58bee240a801219c777cc2f7.jpg


3.有光才有了颜色


上帝说要有光,于是万物便有了色彩。我们平日里能够看见的颜色,其主要来源:一是由发光物体即光源自身发出的颜色,如红绿灯、显示器的颜色;二是来自于物体对自然光的反射。物体表面吸收了特定波长的光波后,不被吸收的光波反射至了我们的眼睛,我们便看见了物体的颜色,如印刷出来的书刊、平面海报。总而言之,颜色的形成是由于光和环境共同作用的结果,或者说:要有颜色,就要有光!


二、如何去制造颜色?



1.三原色的发现与理论完善


在学霸牛顿(1643-1727)发现了七色光后,他开始推论:既然白光能被分解及合成,那么这七种色光是否也可以被分解或合成呢?经过一段时间的纷繁实验,牛顿通过计算得出:七种色光中只有红、绿、蓝三种色光无法被分解,且无法被合成。而其他四种色光均可由这三种色光以不同比例相合而成。于是红、绿、蓝则被称为“三原色光”或“光的三原色”。但这仅是他的推论,并未经由实验得到论证!


一百年过后,又一个学霸——托马斯·杨(1773-1829)出现了,老杨首次测出了7种光的波长,建立起更为完善的三原色原理,并提出:色彩取决于眼睛里的三种不同神经,分别对红、绿、蓝最为敏感,一切色彩都可以由红、绿、蓝这三种原色以不同比例混合而成。这一原理,已经成为现代色彩研究的理论基础!


2.要制造颜色,先要造光


f39558bee25aa801219c775feb46.jpg


比托马斯·杨小4岁的丹麦物理学家奥斯特(1777~1851),在老杨人生晚年的1820年里发现了电流的磁效应,从中受到启发后的英国物理学家法拉第(1791~1867)逆向思维,终于在1831年,发明了人类史上的第一个圆盘发电机。后来随着一大批玩电的科学家不断涌现,电力设备得到改善和大规模使用,电灯泡、发光二极管相继被发明,人类学会了用电去造光。


3.RGB三原色光造色


人类学会了用电造光后,便依据前人的光学及色彩研究成果,制造出了能发出红(RED)、绿(GREEN)、蓝(BLUE)三种色光的光源,通过调节不同光量的比例,便能调制出成千上万中的颜色。随着单色光源的尺寸越做越小,无数个RGB组合依次队列,纵横平铺开来,打包在一张的面板上,于是也就有了如今我们所看到的电子显示屏。



回到我们常用的设计软件Photoshop中,我们可以很轻松地分别控制R、G、B三个数值的比例,从而调制出不同的颜色来,这儿的数值大小对应着单个色光光源的发光强度。在8位色的RGB电子显示屏或数字图像中,每个色光光源的发光强度有2^8(即256)个级别,取值为从0到255。RGB三个光源,通过不同发光强度的比例组合可以构成256^3=16777216种颜色。这也就是为什么早些年我们买显示器时,常常会看到厂家标称拥有1677万色的缘由!作为一枚平面设计师,对于显示器的选择,欢迎大家文后留言和@酷coo豆 一起探讨。


RGB三色光为加法混合,越多的颜色在混合在一起,颜色的亮度会更高。这三者数值相同为灰色,三者数值为0为纯黑色,三者数值为255为纯白色。


4.CMYK四色印刷造色


如果说利用三原色光调制色彩是由人类发明的话,那么CMYK四色印刷的原理与运用只能算作是发现。在公元年前时,智慧的古埃及、和中国人已经懂得从自然环境中采集颜料,从只是由于理论知识的匮乏和技术瓶颈,能调制出来的颜色非常有限。人类文明不断的推演前进,人们从大自然中窥探到更多的奥秘,逐渐学会了用更少的颜料,调制出更多的颜色。直到现在,便有了平面设计领域所熟知的印刷四色模式。


即利用色料的三原色混色原理,加上黑色油墨,共计四种颜色混合叠加,就可混合调制成我们所能看到的大部分颜色了。其中四种标准颜色是: C:Cyan青色、M:Magenta洋红、Y:Yellow黄色,K:Black黑色,四种颜色。




色料的混合为减法混合,越多的色料混在一起,颜色就会变得浑浊暗淡。CMYK四色模式是工业印刷催生出来的产物, CMY三色混合并不能像美术三原色(红黄蓝)那样得到纯黑色,因而需额外加入黑色油墨以压暗色彩,再者就是在工业印刷过程中灰色、黑色颇为常见,而且CMYK四色印刷,相对于美术三原色的红黄蓝,能够调制出层次更为丰富细腻的色彩来(即更宽泛的色域),所以无论是出于成本还是质量的考虑,采用CMY+K的四色印刷模式都是毋庸置疑的,CMYK四色印刷也因此就成了印刷行业的标配。


三、如何正确地表述色彩?



1.色彩的感性表述


学会了制造颜色,那我们该怎样去准确的描述颜色呢?比如最常见的绿色,在人们口中常常会被描述为诸如:橄榄绿、孔雀绿、草绿色、墨绿色等不同的绿色;而红色又有大红、朱红、橘红、紫红、粉红之分;这样的色彩细分,总能把我们对色彩的感官和具体事物相联系起来,我们姑且把它叫做色彩的感性表述吧。


3d3158c167c3a801219c779e1105.jpg


这对于我们日常沟通交流,自然是够用了的!但有一个问题是,你口中所说的草绿色,到底是我理解的老牛吃嫩草的嫩绿,还是灌木丛林中的那个老绿?显然,设计师是一群较真的人,在设计具体实施中,对色彩可不能这么含糊。我们得统一思想,寻找一个行之有效的度量标准,于是便有色度学这个概念。


2.色彩的理性表述


色度学,也就是将主观颜色感知与客观物理测量值联系起来,建立科学、准确的定量测量方法。比如上面所说的RBG以及CMYK模式的数值,也就是其中的两种。与此同时,还有一种非常符合人眼对色彩的直观感受的HSB模式。H、S、B三个字母分别代表了色彩的色相、饱和度、明度三大属性。


其中H=hue,代表颜色的色相(或色别),比如我们口中所说的红色、绿色、紫色就是不同的色相或色别。为了便于色彩的表述和研究,我们把光谱中可见光的色彩序列首尾相接,构成一个360°的色相环,一度就表示一种颜色!


3a8058c168c0a801219c777a584a.jpg


S=saturation,代表颜色饱和度(或纯度),在设计软件中,饱和度的取值中为0~100。比如我们口中所说的颜色很鲜艳、扎眼、浑浊,描述的就是色彩的饱和度。再比如:过年时我们贴在外面的红春联,经过一段时日后春联颜色退去,开始泛白,我们就说可以很装地说:春联的色彩饱度相比之前降低了不少,饱和度为零时也就是纸的本色。


B=Brightness,代表颜色明度(或亮度),就如一个5w和100的白炽灯的亮度有所区别一样,这个还是很好理解的。在常见的平面设计软件中,亮度的取值中也为0~100,为0时就是纯黑色,为100时即为最亮。


总结


色彩从根本上说是光的一种表现形式,作为万物的基本属性之一,从宇宙诞生的那一刻起,世间便拥有了色彩。人类文明推演过程中,人们逐渐学会了给不同的色彩命名。破解了光的组成奥秘后,我们便掌握了调制色彩的本领。将这项本领应用在艺术设计领域,我们便可构造出另一个崭新的世界!


更多专业的平面设计视频教程,请移步:http://t.cn/RqRcUk9,适合入职0~3年的平面设计师朋友自学提升。


9aae58bee35ea801219c7798de19.jpg


以上便是「平面设计学习日记网」站长@酷coo豆 整理的有关《写给新人平面设计师的第一堂色彩课》的全部内容。更多有关“平面设计学习”的话题请移步@酷coo豆 个人主页。


——


版权声明


本文由@酷coo豆 原创,首发于「平面设计学习日记-知乎专栏」与「平面设计学习日记网」。非商业转载请勿删改原文,必须注明作者、原文地址;商业或培训转载请联@酷coo豆 获得授权;侵权必究。

105
    意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功