01 配色的基本原则

颜色需要有自身的意义。不同的颜色表示不同的分组,相近的颜色表示同一个分组;配色需要展现数据逻辑关系,突出关键数据,比如重要的数据用深色或暖色表示,不重要的数据用浅色或冷色表示。

色彩种类两到三种。每张插图最多选两到三种颜色,通过改变明暗程度或饱和度增加色彩组合。可以利用互补色和相邻色实现配色的协调与搭配,全文尽可能保持配色一致。

尽量使用柔和的颜色。建议用低饱和度颜色作为主要基调,少用高饱和度和高明度的色彩组合,如大红大紫等颜色,那样会造成比较大的视觉冲击。

不要在同一幅图中同时出现红色和绿色。很多论文作者没有注意到红绿配色的问题,同一张图中同时使用红绿色对于红绿色盲群体很不友好,因此要尽量避免。

02 根据不同的图型选择颜色

【柱状图配色】

一列数据的配色推荐选用单色。比较窄的柱体建议用深色,比较宽的柱体建议用浅色。如果使用深色,建议添加透明度,降低其饱和度色彩。

两列数据的配色推荐选用不太接近的颜色实现对比的目的。主次对比可以选择黑-红/蓝/绿的搭配,同级对比可以选择红-蓝。还可以采用互补色对比,深浅对比,饱和度对比,协同色对比等。

多列数据的配色推荐相近色色系。不要选用对比度非常明显的颜色,不要滥用图案,尤其是图案和颜色同时使用。可以使用纯色渐变色,彩虹色或部分色域的渐变。黑白图可以用灰度和图案进行搭配。

【饼图配色】

饼图颜色较多,建议使用软件内置颜色方案,面积小的区域使用深色系。

【折线图配色】

重叠的折线不能太多,如果超过四条,建议改用堆叠折线图或者其他图形表达方式。折线图建议使用深色,线型综合运用。连续变化的数据,建议用渐变色。

【散点图配色】

点的大小可以表示第三维度的数据,如值的大小。类别数量多的点用小点,类别数量少的点用大点。当点的个数较多时,也可用空心原点。配色可以把点设为深色,然后提高颜色的透明度。

【等高线图和热图配色】

颜色多,图线多,建议用配色方案,通常用双色或者三色渐变的方案。

03 配色实用工具推荐

【RGB颜色轮】

色轮用于帮助理解颜色之间的关系,并有助于指导调色板的选择。下图描述了一个简化的12色RGB色轮和每种颜色的RGB表示法。当我们不知道如何选择颜色时,我们可以根据某些给定关系从颜色轮中选择颜色,如:互补色,相似色,三元组色,四元颜色,分列互补色,双互补色。

在这里插入图片描述
在这里插入图片描述
以上只是介绍色轮的使用,在实践中可以通过某些网站提供的丰富色彩色轮来确定颜色,例如网站:

Color Supply app

https://colorsupplyyy.com/app

Sessions College for Professional Design Color Calculator

https://www.sessions.edu/color-calculator/

Rapid Tables Color Wheel

https://www.rapidtables.com/web/color/color-wheel.html

【Choropleth调色板】

显示从低到高的数值适合使用顺序调色板,可以是单色(例如不同深浅的蓝色)或多色(例如黄-橙-红)。一般来说,人们将较深的颜色解释为代表“更多”。发散调色板最适合显示高于和低于标准水平(例如零、平均值或中值)的数值。极端处颜色较深,中间是中性色。定性调色板最适合显示分类数据,而不是数字尺度。它们通常具有独特的颜色,这些颜色彼此分开以强调差异。

在这里插入图片描述
下图展示了顺序调色板和发散调色板的差异。顺序调色板用从浅到深的五种蓝色代表从低到高的收入水平范围,它最适合强调最高收入水平的地理分布特点(从马里兰州到马萨诸塞州的东北海岸)。相比之下,发散调色板用深橙色代表低于平均水平的州,深紫色代表高于平均水平的州,中间是中性色,它最适合于强调经济分化的地理分布特点(低收入的南方与高收入的东海岸和西海岸)。
在这里插入图片描述

04 参考顶刊论文配色

对于科研绘图,一个很好的学习途径是从top论文中观摩学习。多总结好的论文配图的共性,比如展示某类数据时,通常采用哪种图表,哪些色系。对于觉得图表设计的配色有亮点吸引人的,可以通过颜色滴管,获得RGB颜色,收藏记录下来。

在这里插入图片描述

05 参考好的配色网站

配色网站数目繁多,每个网站各有优势。基于操作简便和美观的两个原则,小编从中选取了最适合绘图的五个网址进行详细介绍,做科研收藏这五个网址足够啦。其余配色网站只进行了简单汇总,大家有时间也可以点开试试。

【ColorBrewer】

官网:http://colorbrewer2.org/

优点:高颜值相邻颜色

简介:根据不同的数据性质和要求,选择不同的色彩搭配方案,浓颜系淡颜系都有,满足各种审美。然后在别的软件里直接输入HEX或者RGB就可以了。

在这里插入图片描述
【ColorSpace】

官网:https://mycolor.space/

优点:一键生成配色方案

简介:在线调色板生成工具,只需要我们输入主色调颜色号,一键就可以生成想要的配色方案。它提供三种配色模式,调色板、渐变色、三色渐变,我们可以生成调色板或从我们选择的颜色创建漂亮的CSS渐变。

在这里插入图片描述
【Adobe Color】

官网:https://color.adobe.com/zh/create/

优点:交互式调色板

简介:Adobe Color是Adobe家自产的配色网站,不仅提供现成的配色方案,还支持上传自己喜欢的论文插图,自动提取颜色代码,以及获取某些期刊要求的色盲友好和对比度友好的配色。
在这里插入图片描述
【WebGradients】

官网:https://webgradients.com/

优点:高颜值渐变色

简介:提供了180多种渐变颜色参考。使用方法也非常简单:打开网站首页,我们会直接看到很多种配色,点击其中一个会显示全屏渐变,直接下载 Sketch/PSD或复制十六进制颜色编码即可。
在这里插入图片描述
【Dopely Colors 】

官网:https://colors.dopely.top/

优点:区分度明显的配色

简介:网页提供调色板生成器、梯度发生器(创建渐变色)、颜色转换器、色轮、对比度检查器、调色器、混色器、图像色调和色相转换器、色盲模拟器等等。颜色真的超级好看,并且用在论文当中有区分度。看到喜欢的色卡,直接点击左下角的下载按钮。并且附带有渐变色卡,无需登录可直接一键下载。
在这里插入图片描述
【其余配色网站汇总】

BrandColors (https://brandcolors.net/)

知名品牌的颜色收集

Chinese colors (http://zhongguose.com/)

中国传统色

Culrs (https://culrs.com/)

详细的配色方案分类

Color hunter (http://www.colorhunter.com/)

图片提取配色

ColorLeap (https://colorleap.app/dates)

复古式配色(12个年代作品方案)

Colordot (https://color.hailpixel.com/)

色彩点击自由选择

Colors (https://coolors.co/)

丰富的配色方案

Colrd (http://colrd.com/)

可以创建自己的色板

ColorDrop (https://colordrop.io/):

在线调试颜色组合

Material Palette(https://www.materialpalette.com/)

在线预览组合效果

Paletton (https://paletton.com/)

自动制作套装色系

Picular (https://picular.co/)

检索关键字进行色彩挑选

UiGradients (https://uigradients.com/)

大屏颜色展示

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐