XIAOYUAN ART CLASS
感觉配色比做实验还头疼,快说是不是你?是不是你?不要烦恼,伯小远不仅会指导实验,还是个审美达人呢!
本期内容,小远不讲产品,不讲营销,就单纯地给大家讲一下色彩,总结了11个配色方法,最后还有配色禁区,让你一站式告别配色烦恼,快来马住吧!
明度是指色彩的明亮程度,在色彩中明度最高的是白色,明度最低的是黑色。在任何一种颜色中添加白色,其明度都会升高,反之,添加黑色,其明度则会下降。我们所说的“同色系色彩”就是指同一色相中的不同明度的表现。
纯度是指色彩的纯净程度,它表示颜色中含有色成分的比例。同一种颜色含有灰色的成分越多,纯度越低,也就是我们常说的“脏”。我们看看下图,位于纯度最右端的是纯色,最左端的是灰色(无彩色)。
色调是指颜色的浓淡、强弱程度,是通过色彩明度和纯度综合表现色彩状态的概念。色调可以分为明清色调、中间色调和暗清色调三大类。明清色调是在纯色中混合白色形成的色调,中间色调是在纯色中添加灰色形成的色调,暗清色调是在纯色中混合黑色形成的色调。
01. 不要在色轮上随意选
在绘制科研图像时,为了区分开不同的分类或图线,你是不是还在选择纯色,比如色轮盘上的赤橙黄绿青蓝紫⬤⬤⬤⬤⬤⬤⬤(五彩斑斓的,哈哈哈)。然鹅,实际上这种区分完全没必要靠色相来完成,只使用很少一部分色相及其临近色时,配色就会看起来更专业、更协调美观噢。那么,我们又应该如何选择色相的组合以使其看起来和谐呢?
上图中,我们在色轮上选择的颜色彼此相对,它们显然是互补的,看起来还不错!但对于科研绘图来说,这种颜色搭配并不十分恰当,因为右侧的这两个橘色太相似了;而且,一切看起来都那么稍微……明亮了些!这个时候怎么办呢?饱和度和亮度该登场了,也就是要分享的第二点~
02. 使用饱和度和亮度使选定的色相更加美观
饱和度和亮度的调节在科研绘图中与色相一样重要。实际上,只要更改饱和度和亮度,就可以创建新的颜色。举个例子,对同一个色相,分别调整饱和度和亮度时,我们得到⬤⬤/⬤⬤。让我们回到上一节那个颜色区分度不够的问题:⬤⬤⬤⬤。经过调整饱和度和亮度,它变为:
把浅蓝色⬤和较浅的橙色⬤的饱和度调低些,并使除较浅的橙色⬤以外的其他颜色亮度调暗了一些。可以发现,颜色区分度明显增强了,既和谐又对比明显!
因此,我们在科研绘图时,如果颜色选择和搭配看起来不够好,请不要立即更换或添加其他色相,而是尝试去更改饱和度和亮度,看看是否更好。
再比如:⬤⬤⬤⬤、⬤⬤⬤⬤⬤和⬤⬤⬤⬤,每一个组合大致是互补的,并且都具有不同的饱和度和亮度,这就是Tip2的精髓!
03. 使用暖色和蓝色
黄色/橙色/红色/蓝色,这是媒体数据可视化设计师特别喜欢的互补颜色组合。下图是《经济学人》里的三张数据图,会发现他们使用这些颜色组合的频率远高于紫色或绿色。
这是因为这些暖色和蓝色非常适合于区分不同的种类。黄色、橙色和红色的外观非常讨好,且人们很容易区分:⬤⬤⬤——这正是我们对分类配色的基本要求。另外,蓝色比任何其他色调都更加灵活:无论是深⬤、浅⬤,或者饱和⬤还是不饱和⬤,看起来都令人愉悦,沉稳而专业。而且这种搭配非常友好,色盲朋友可以轻松地区分蓝色和橙色/红色。
04. 使用绿色时,使其变为黄绿色或蓝绿色
对于色盲朋友,很难区分纯绿色与红色、橙色或棕色的组合。因此,如果你特别想使用绿色,请将其稍微偏黄色或蓝色。如上图所示,绿色使用更多的是大于160°(=更蓝)⬤⬤⬤或低于60°(=更黄)⬤⬤。
05. 避免使用纯色
纯色指的是在色轮中恰好位于色相值60°,120°,180°,240°,300°或360°/ 0°位置的颜色:
在本小节最初那个图中,红色和橙色、蓝色和绿色具有相同的饱和度和亮度。唯一的区别是色相:红色⬤(0°)、蓝色⬤(240°)和绿色⬤(120°)的组合看上去比橙色⬤(40°)、淡蓝色⬤(211°)和蓝绿色⬤(170°)的组合更色彩鲜艳,但也容易产生视觉疲劳。所以,为了使你的配色看起来更自然、更悦目,可以调低纯色的饱和度或使其更暗。如果还要求具有明亮的饱和色,那请选择与纯色至少保持5-10°的混合色。
06. 避免使用明亮且饱和的颜色搭配
近几年十分流行荧光色,荧光色能够很容易引起读者的注意,但读者可能并不买账。当我们看到荧光色时,大多数人会感压迫感。切记,不要使用荧光色,高度饱和的浅色并不适合传达严肃、信任或沉着噢!
07. 结合使用不同亮度的颜色
08. 使你的颜色“丰富多彩”
09. 避免与背景反差过小或过大
10. 避免使用饱和度过高的背景
科研绘图的配色练习开始时往往很难,尤其是对颜色不敏感的时候,更是难上加难。但是,你可以“复制”,即借鉴别人的直观和谐的配色。这不属于剽窃,且是很行之有效的方法。看文献的时候下载那些顶刊的文章,即使看不懂他们做的内容,但那配色绝对是顶级的,完全可以复制下来用吸管吸吸吸,是不是so easy?哈哈哈~
我们运用以上配色方法,康康美化的效果吧~
科研绘图素材第二弹来咯
本文仅显示图片,如需原始AI或PS文件,
可添加伯小远微信索取噢~
官网链接:plant.biorun.com