科研绘图配色

太过爱你忘了你带给我的痛 2024-02-17 12:11 65阅读 0赞

### 01 配色的基本原则 ###

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

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

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

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

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

【柱状图配色】

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

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

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

【饼图配色】

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

【折线图配色】

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

【散点图配色】

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

【等高线图和热图配色】

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

### 03 配色实用工具推荐 ###

【RGB颜色轮】

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

![在这里插入图片描述][77f4f303248646259525c37c36584b62.png]  
![在这里插入图片描述][0edf177c5cd540c398c4b5e5a4cee448.png]  
以上只是介绍色轮的使用，在实践中可以通过某些网站提供的丰富色彩色轮来确定颜色，例如网站：

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调色板】

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

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

### 04 参考顶刊论文配色 ###

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

![在这里插入图片描述][92208ee44511405180d6602e24be2ef4.png]

### 05 参考好的配色网站 ###

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

【ColorBrewer】

官网：http://colorbrewer2.org/

优点：高颜值相邻颜色

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

![在这里插入图片描述][81983b46b1894f0d83c52579d6841bfb.png]  
【ColorSpace】

官网：https://mycolor.space/

优点：一键生成配色方案

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

![在这里插入图片描述][6565858004ff46b79febd35f0600f90c.png]  
【Adobe Color】

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

优点：交互式调色板

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

官网：https://webgradients.com/

优点：高颜值渐变色

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

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

优点：区分度明显的配色

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

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/)

大屏颜色展示

[77f4f303248646259525c37c36584b62.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/c7fc50b5f01741f584e1972448203d19.png
[0edf177c5cd540c398c4b5e5a4cee448.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/e9018f40b62a43ad9d7212e6473a259c.png
[c519dc6ce7db4301baec5105c5d92115.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/587cd3e2725f457ab7e066179e0f4b8d.png
[e3bd8c863e2d45848c28f849202ab994.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/1ae8f8132e3845b1872803743b439422.png
[92208ee44511405180d6602e24be2ef4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/ccd32dff67304955a5bc46bb7d8a0ce4.png
[81983b46b1894f0d83c52579d6841bfb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/0d07fd4fd6eb407bb772f9c6cce3ca31.png
[6565858004ff46b79febd35f0600f90c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/87293f379eb54262a10940e8dbd1572e.png
[20f99b0bb74f4c6ca2c6070562f66429.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/5a05b37dc5104b9ca8ee6282eff10df7.png
[bc3ca6f4e6f044c7a74b782b103b9650.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/2c882dcf14fe42778ffb9edf00f7c23e.png
[82d1f83286834ae68565bba243b9700c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/06/ce93b66d61a54408bafd7d17d70771d6.png