「色彩的认知提升」一文看懂色轮,可能是设计师的最后一节色轮课

  每天十分钟,系统学习设计,成为设计师。终生学习,受益终生。这里是【知更常青藤】,欢迎你的到来,这是我和你一起学习设计的第六天。如果你不想丢失这个体系,可以关注我,转发本文。

文/万岁爷 校验/君 图/万岁爷&动视暴雪 知更常青藤原创出品,转载请注明出处,版权所有,侵权必究。

main

写在开头


  我曾经与Tom就色彩原理的重要性进行过讨论,在这一点上我们从来没有分歧,这可能是我与Tom在设计上唯一的共同点了。

  不过新人设计师从来都不注重这些设计理论,一方面我震惊于新人设计师想要学习设计的决心,他们竭尽所能地寻找进入设计大门的课程;另一方面却专注于实用工具、插件和资源的“采集”,他们像极了在互联网上网罗资源的仓鼠,他们唯一与仓鼠不同的地方在于:仓鼠将储存的食物在过冬的时候吃掉,而新人设计师从此不会打开这些课程。

  “难道他们不明白吸收的知识才是自己的吗?”

  每次谈到这个仓鼠效应的时候,Tom总是这样气急败坏地说。他这么气急败坏的原因:一方面是因为他为新人提供的设计理论的文章无人问津;另一方面则是新人争先恐后地向那些发资源的文章蜂拥而至。

  “总是向人们提供所谓的资源,那些高阅读量的文章作者深谙此道,至于是否对创作和设计有帮助,并不在这些作者的考虑范围。”我总是这样安慰Tom。

  我在一次设计学习的分享演讲中这样说道:

  “只有当新手需要寻求帮助或者遇到创作实际问题的时候,他们才会想起我。Photoshop和Illustrator不能帮助你解决创意问题。新手入门,基础理论很关键,设计软件可以放到最后,甚至可以不用太着急。大多数时候,设计软件的使用需要基础理论的支持,否则新人根本不理解这样操作的意义何在。”

  可能你想成为专业的设计师,或者业余爱好,或是公司给你安排了你不擅长的设计工作,不过你都可以在我的文章中找到你需要的内容。

  当你拿起相机或者手机的那一刻,是否敢于打开专业模式,就取决于你是否具备理论基础。对于色相环这样的课程,存在于相机、手机中;也存在于Photoshop的曲线中;当你打开视频处理软件的时候同样需要对色彩进行调整......

  有的设计师或者新人会提到滤镜和懒人设定,但是滤镜不能成为你懒惰的借口,设计师是不能依赖这些预设的,除非这些预设是自己创作的。

  也许你想要的是那些炫酷的效果,犀利的抠图,完美的色彩曲线,符合时宜的配色,但是请记住,在这一切开始之前,你真正需要的是基础体系构建。

  所以,暂时忘记你收集的资源吧,跟随我的脚步,从最基础的理论开始。脚踏实地地往前走,只有这样,你才会忽视知识和学习上的焦虑。

色轮


  书归正传。

  许多设计师将色轮奉为圭臬,不过对于新手的你,需要了解色轮并不是一个万能的工具。色轮只是一种思维工具而已,并且色轮不是天然存在的。人们创造的色轮很好地将色相、饱和度、明度三者统一地结合,表达并且描述了色彩。任何其他方法都无法与这种围绕原色、间色、复色建立的标准色轮的百年历史相提并论。

  关于色轮你需要知道的第一点是,在处理色彩的时候,色轮将是一个非常实用的工具,这种工具让你免于在色彩的海洋中沉沦。你要明白,色彩有上千万种,没有这种工具的辅助你将淹没在成千上万的色彩海洋中,此时连选择都将是一件代价昂贵的事情。

  关于色轮你需要知道的第二点是,它并非真实存在。不同于彩虹,也非牛顿当年的色散实验,你在自然界是看不到色轮的。

  那么到底什么是色轮呢?它是一种艺术家和画家认可的示意图,这种示意图经受了时间的考验,并且这种示意图是可以根据实际情况组合的。

  在我开始色轮的讲解之前,我们先看看下面的内容。

从原色、间色、复色讲起


  在你开始继续往下阅读之前,我强烈建议你先阅读我的前几篇文章,它们是关于原色、间色、复色、加色模式、间色模式、CMY、RGB的。

  这些文章是你理解色轮的基础,当然,如果你不看这些文章依然可以理解今天的内容,不过恐怕没有那么深刻。我希望你看完这些文章能够应用到实际工作中,相信我,这些文章可以帮助你达成这些目标。

  【三原色

  你还记得红、黄、蓝吗?在你小时候,它们是第一批出现在你眼中的色彩。我们称它们为三原色,这三种原色是无法通过其他色彩混合而出的,这也是它们叫做原色(或者基色)的原因。这意味着红色颜料中只有红色色素,不含任何其他色素,同理黄和蓝。

减色三原色

  如上图,在现代工业中人们使用的是品红、青色、黄色三原色,色彩学是一门不完善并且还在发展的学科,它受制于科学技术的发展。有鉴于此,我们不应当将原色定性成红黄蓝或者红绿蓝,许多设计师接触原色后导致他们固有思维认为这是固定的。三原色到底是红、黄、蓝还是品红、黄色、青色?在这一点上人们一再打破原有的理论。美术实践事实证明,品红加上少量的黄可以调配出大红色。这一实践颠覆了颜料红色是原色的观点。

  许多行业的原色系统不一样,因此你不要纠结。目前印刷行业使用的原色就是品红、青色、黄色。但是其他行业的原色不是这三者。目前美术行业也更改了原先的红黄蓝三原色,修正后的三原色为品红、青色、黄色。但是我依旧使用红黄蓝来说明问题,这并不冲突,你需要知道的是原色的概念。实际上红黄蓝或者品红、黄色、青色也不能完美地混合出其他色彩,只不过它们能够混合出更多的色彩而已。

  对于原色,你不必太过纠结,也不必选择信仰。色彩的复杂程度限制了人们的实践,对此,我的看法是:原色没有唯一,需要考虑色域,实际情况适合什么原色,就采用什么。

  让我们回到红黄蓝上去。

红黄蓝三原色色轮

  对于原色红、黄、蓝你还需要知道的一点是,三者的颜料均匀的混合,在理论上会变成黑色。至于为什么会变成黑色?限于篇幅问题,我不能在详细讲解,请你参考我上述提到的文章。

  简单地将,红黄蓝理论上分别吸收了各自应当反射的色光,最终的结果就是理论上没有任何色光被反射,也就是说,阳光或者其他光源照射到这样的混合体上,不会反射光线,你当然就看不见它了,你的视觉系统对这种光线的缺席感知为黑色。

  • 红 + 黄 + 蓝 = 黑

  【间色

  接下来,我们看看间色的定义。

  人们将这些原色两两相互混合,得到了由两种原色混合的色彩,我们称之为间色。

  注意:在本文当中,所有关于色彩的知识都是理论上的。实际情况由于颜料分子的化学性质和物理特性导致我们无法混合出完美的、无瑕疵的色彩,但是不要紧。

间色

  通过上图你会发现这样的一个原色混合公式:

  • 红 + 黄 = 橙
  • 红 + 蓝 = 紫
  • 蓝 + 黄 = 绿
间色

  我们将原色之间混合出的三种色彩称为间色。不过请你注意,这不是绝对的,没有什么规则强制你只能使用红、黄、蓝制作色轮,任何色彩都可以,只有符合实际需求的设计才是有意义的。

  基于间色的形成方式,你会发现,间色只有三种,即:橙、绿、紫。

  轻松一刻:设计不是“好看”,它是一种人性的辅助,一种良知,设计首要解决的问题就是高度的易用性,其次才是美观,实际上美观也成为了一种实际需求。因此,不要认为这一切都是理所当然的,学会举一反三,学会观察,学会满足。

  【复色

  你理解了原色和间色,接下来理解复色就变得顺理成章了。

  间色和原色再次混合,就是复色,那么间色可以和间色混合吗?当然,请记住没有什么理所当然,不要让规则束缚你的创造。不过人们最常用,最容易理解的方式通常是最有用的。总之,它们都是复色,你可以这样无限地混合下去。

复色

  不过,就连三原色之间的混合都变成了黑色,当你无限地混合颜料时,无异于三原色的混合,最终你得到的只能是类似黑色的杂色。

  你注意到阳光经过棱镜色散之后的可见光谱了吗?它们是:红、橙、黄、绿、蓝、紫,我特意略去了青色,这不重要。请看下图:

光的色散

  如果你记不住原色混合之后的色彩,参照这个会很有用,唯一需要改变的就是将红色和紫色首尾相连,实际上色轮正是这样做的。你会得到了这样的序列:红橙黄绿蓝紫-红...,就是这样。我们提取了红黄蓝,因此这个序列中红黄蓝之间的色彩就是它们的间色。

  我们不知道这是否是巧合,不过色彩学是一个综合学科,生物、物理、医学、艺术都在共同研究它,因此色彩学是一个发展中并且不完善的学科。如果量子物理能够有所突破也许能够解开最深层次的谜题。

  【色轮

  好了,现在你理解了原色、间色、复色,我们是时候将它们放在一起了。请看下图:

三原色标准色轮

  这是三原色组成的色轮图,就像色轮这个名字一样,它的确像轮子。所以,我们将原色按照色相组合成一个圆形,这就是所谓的色轮。

三原色+间色色轮

  我们让事情变得更加复杂一点,这一次添加它们的间色。请你注意这个规则,这十分重要,我们将间色填补在原色之间,这种组合方式能够直观地展现间色的一种现象:间色是由两边的原色混合而成。在此基础上,艺术家和科学家们利用这种视觉思维为我们创造了色轮工具。

  接下来,让我们的色轮更加复杂。我们将复色填补完成,就是这样,规则就是:复色是它自己相邻的间色和原色混合而成。

12分色轮

  现在,你完成了一个伟大的举动,这个工具现在可以帮助你理解和运用色彩。不过正如我一直强调的,不要认为这是理所当然的,这些规则是可以修改的,你可以完全使用同一色相创建色轮,而变化规则由你决定。因此,学习色轮关键在于学习规则和色轮的方法论,它是你设计道路上的一把利剑。

  【色轮的补充

  我准备开始逐渐补充一点色彩位置关系的知识,这些知识本应该系统地呈现,不过现在提早释出一点点并没有什么不好。而且这部分对于你理解配色至关重要,你放心,我后期会系统讲解,事实上,后面两个体系恰好是这部分内容。

  现在你知道红、黄、蓝三原色组合可以形成黑色。我要求你时时刻刻都要以色轮的思维来呈现思想中的色彩。在色轮上,三原色两两成120°夹角,我们取出红色,剩下的蓝色和黄色中间混合出了绿色,如果将绿色和取出的红色混合,应当是什么色彩呢?

  是的,黑色。这和直接混合红、黄、蓝没什么区别。不过,蓝色和黄色混合的绿色恰好与红色对立,呈现180°夹角,我们将红色和绿色的关系定义为补色,同理:

  • 黄 + 紫 = 黑色
  • 蓝 + 橙 = 黑色

  请看下图:

补色

  根据这幅图我们来做一个数学算法,给出的命题就是:相互互补的色彩混合=黑色。

推导过程

  最终我们是可以推导出一般情况的,不过你应该能够明白为什么互补色之间混合是黑色了。

  你听过的邻近色、补色、单色等等配色名词,都来源于这个不起眼的色轮。这个色轮还具备了色彩心理效应,为了防止你迷糊,我们就此打住。

  【更加完整的色轮

  你明白了色轮的使用方式了吗,如果上述的原理你理解了,并且能够自己画出或者脑补出这个关系,那么接下来请你结合上篇文章中的色相、饱和度、明度。

  人类在词汇系统上对待原色,甚至是间色的命名是不会有问题的,并且原色总是那么饱满,以至于原色总是能够最先吸引我们的注意力,其次才是间色,很显然,复色的吸引力不那么明显。

  不过值得注意的是,尽管复色在经过混合之后,相互之间不明显,但是复色最安全,不会产生误解。如果你错误地在你的班级上哗众取宠,就好比错误地使用了原色或者间色,结局是十分难看的,因为原色和间色是如此的明显,以至于单独驾驭它们变得困难;相反,对于复色,老师们不会太注意这些“平凡”学生,但是这些“同学”又是班级中不可分割的部分,因此,除非你掌握了原理,否则不要随意使用高度饱和的原色或者间色,事实上,总是降低原色或者间色的明度或者饱和度在绝大部分情况下是安全的。

  我们回到上面的问题,人们对待原色或者间色大多不会有疑虑,但是当你说出红色的时候,每个人的思想中呈现的红色都是不同的。因此,上一篇文章中提到了色相、饱和度、明度,这三者正是,并且始终都是定义每种色彩外观的最好特质。

  小贴士:学习色彩需要注重的一个问题就是,不要纠结色彩的精准度,人类感知色彩并不精确,因此,不要在色彩的精准度上钻牛角尖。随着合成颜料的发展和科学技术的进步,色彩的精准度才有意义。在大部分情况下,你是安全的。

  在上述色轮中,我们仅仅通过色相来排列这些色彩。现在我们就要添加另外的两种特性到这个色轮当中。如下图:

更加完整的色轮

  如图中最边缘的色彩,我们将这些色彩按照饱和度逐渐降低的渐变方式往色轮的圆心靠近。按照这种渐变方式,我们将色轮上每一个色相都采取这种饱和度渐变方式展现。因此,这样的色轮可以为你带来更加丰富的色彩变化,在你选择红色的时候,你就可以从最深的红色到最浅的红色中选择了。

  那么明度呢?是的,你会发现按照这个规则形成的色轮已经没有明度变化维度的位置了。事实正是如此,没有明度的位置了。有一个方法是你可以将红色按照上述规则排列,不过这次是按照明度,而不是饱和度。这样你有了两个色轮,一个是饱和度色相色轮,一个是明度色相色轮。

  如果我们要让三者统一,那么这种平面的二维构图将无法呈现三者的关系,因此,在色轮的基础上,人类添加了第三个维度来表示明度。不过很可惜,这种方式很难使用和描述。不过你不用担心,软件为你解决了这个问题,你最常使用的Photoshop中的取色器就是这样一个“色轮”。设计软件将其中一个维度,通常是色相单独列出,你需要先选择一个色相,然后在左面的面板中调整这个色相的明度和饱和度。

复杂的色轮-包含明度和饱和度

加色与减色


  关于加色和减色你应当看我的上一篇文章。但是为了保持本文的色轮知识的完整性,我再次简要地复述。

  加色和减色是关于颜料和光线的。你需要注意的唯一一点就是它们没有区别。这是本质,并且十分关键。你最终看见色彩一定是色光进入了你的视觉系统。

加色模式

  简单地讲,你看到了红色,如果你的视觉系统没有毛病的话,一定是红色光线进入你的视觉,被大脑感知为红色表征。所以,请记住,你看到了什么色彩,就是什么色彩的光线进入你的眼睛。无论这个色彩是物质的还是光线直接照射的。

  你看到红色这件事情具有了两种情况,第一,你看到了红色色光,所有能够自发发射光线的光源都是这种情况,如手机屏幕、电视屏幕、显示器、电灯等。当你看到手机屏幕上一个红色区域时,就是这个区域发出了红色光线。这是加色,最常用的是RGB模式(Red:红色、Green:绿色、Blue:蓝色,它们恰好是光线的三原色)。

  第二是物质表现的色彩情况,物质需要借助光线的帮助。如果你看到一辆红色宝马,那么一定是红色光进入视觉系统。但是红色轿车不会发红光,这些红色光线是反射阳光中的红色波长导致的,理论情况下这辆汽车吸收了除红色光波以外的色光。因此,你只看到了红色。这是减色,最常见的就是CMY(Cyan:青色、Magenta:品红、Yellow:黄色,它们恰好是印刷的三原色)。

  你注意到区别了吗,一个是反射,一个是直接照射。如果红光和蓝光同时进入你的视觉系统,你一定看到了红蓝光线的混合。但是黄色颜料和蓝色颜料一旦混合,将不会反射黄色和蓝色光线,我借用上篇文章的解释:

  黄色物体不会完美地只反射黄光,实际上它反射了较多的红光和绿光,吸收了蓝光和紫光较多,红光和绿光反射后混合在一起,我们看起来就是黄色的;对于蓝色物体,它反射蓝光、紫光、绿光多一些,二者混合,蓝色物体吸收了黄色的红光,黄色物体吸收了蓝光和紫光,二者相互吸收,最终只留下了绿光,因此,它们之间的混合呈现出绿色。

  对于加色模式,光线都达到了你的视觉系统,它们好像在做加法;但是减色模式下,光线被混合后的物质吸收、反射,最终相互吸收,呈现了你看到的混合色彩,它们好像在做减法。

  设计师大多工作在减色模式下,但是你还是需要理解加色模式。

  好吧,不能再写了,希望能帮助到你建立体系。我们逐步在走向色彩的末端,希望你能够跟上脚步,当色彩完结的时候,就是我们继续下一步设计理论的时候。

  给读者的话:你对我最好的支持就是关注我并且转发,让你有更多的同行者,也让我能够有流量并且产生收益,当然你也可以打赏,让我有资可以继续创作。

总结


  • 新人需要快速吸收知识,而不要囤积知识。把书本读薄。
  • 色轮不是天然存在的,它是一种使用色彩的辅助思维工具。
  • 原色不能通过其他色彩混合而出,这是原色的定义。
  • 原色之间两两混合得到间色,间色和原色混合得到复色。
  • 将原色、间色、复色按照混合位置放在色轮上形成色相环(色轮),每一种色相再次按照明度或者饱和度渐变。
  • 完整的色轮可以通过扩展第三维度(3D)来呈现色相、明度、饱和度三个特性。
  • 光的混合是加色模式,颜料的混合(物体)是减色模式。

下章内容


  • 色彩的初步应用案例

  如果文章对你有价值,让你得到了提升,请你相信作者,并且关注他,转发文章让更多的人看到有质量的内容。或者用【打赏】喂食作者,让他继续为你奋斗。如果你有疑问或建议,请留言告诉我。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,772评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,458评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,610评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,640评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,657评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,590评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,962评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,631评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,870评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,611评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,704评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,386评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,969评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,944评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,179评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,742评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,440评论 2 342

推荐阅读更多精彩内容