[数据分析与可视化] 科技论文配色心得

本文是制作论文中科学图形的一些建议,可帮助您的论文受众尽可能轻松地理解您的数据。您的图形应该引人注目,易于理解,应该避免扭曲数据(除非您真的想这样做),并且对色盲的人来说是安全的。请记住,没有真正“正确”或“错误”的绘图规则(好吧,也许有一些错误的),但是研究一些简单的规则和示例将帮助您只传达您的意图。

1 论文配色入门

这一部分参考论文配色指南,这个视频为OriginPro软件官方配色公开课。

1.1 颜色的分类

颜色主要分为两类,也就是颜色饱和度高的深色(强烈色)以及饱和度低的浅色(柔和色)。具体对比如下表所示

深色浅色
深粉色浅粉色
深绿色浅绿色
深蓝色浅蓝色

1.2 论文配色基本原则

颜色主要服务于数据逻辑关系的展现!图是数据的表达,颜色展现数据的逻辑关系。具体如下:

  1. 颜色需要有自身的意义
  • 不同的颜色要表达不同的分组,相近的颜色表示同一个分组
  • 配色需要展现数据逻辑关系,突出关键数据。比如重要的数据用深色表示,不重要的数据用浅色表示
  1. 根据图形数据块面积选择颜色
  • 大面积数据块的图形用浅色(柱状图、面积图)
  • 小面积数据块的图像用深色(折线图、散点图)
  1. 颜色配置多使用成熟配色方案
  • 画图软件或者画图程序自带配色方案
  • 使用RGB颜色轮(本文后面会讲到)
  • 多组数据的展现不要超过三个色系
  • 新手使用三原色色系
  1. 参考论文配色,通过颜色滴管,获得论文颜色
  2. 参考好的配色网站

1.2.1 柱状图配色

  1. 一列数据的配色推荐
  • 选用单色,通常浅色最好。

  • 不要用系统自带的标准色,如visio的标准色:
    在这里插入图片描述

  • 比较窄的柱体建议用深色,比较宽的柱体建议用浅色。

  • 如果想用深色,建议添加透明度变为浅色。

  1. 两列数据的配色推荐
  • 选用不太接近的颜色
  • 使用软件或程序的内置颜色条
  • 使用印度红/天空蓝,浅红/浅蓝,深蓝/浅蓝(同一颜色更改对比度)是个很不错的选择。
  1. 多列数据的配色推荐
  • 相近色色系
  • 不要选用对比度非常明显的颜色
  • 不要滥用图案,尤其是图案和颜色同时使用
  • 黑白图可以用灰度和图案进行搭配
  • 使用内置颜色
  1. 堆叠柱状图使用深色

1.2.2 饼图配色

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

1.2.3 折线图配色

  1. 重叠的折现不能太多,如果超过4条,建议改用堆叠折线图或者其他图形表达方式。
  2. 使用深色,因为折线比较细
  3. 折线的线条建议设置更粗的线条
  4. 黑白图建议使用颜色,线型综合运用
  5. 连续变化的数据,建议用渐变色

1.2.4 散点图

  1. 点的个数较多时,用空心原点。
  2. 配色可以把点设为深色,然后提高颜色的透明度
  3. 可以用点的大小表示第三维度的数据,点的大小可以表示值的大小
  4. 对于点类别较多的散点图,某一类别数量多的点用小点,类别数量少的点用大点

1.2.5 等高线图

等高线图颜色多,图线多,用配色方案

1.2.6 热图

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

2 绘图实用工具

2.1 RGB颜色轮

色轮用于帮助理解颜色之间的关系,并有助于指导调色板的选择。下图描述了一个简化的12色RGB色轮和每种颜色的RGB表示法。三原色由其中三角形的点表示。

当我们不知道如何选择颜色时,我们可以根据某些给定关系从颜色轮中选择颜色。这部分内容来自Choosing color palettes for scientific figures
。如下图所示,提供几种选择颜色的方式。这些方式都有对应的选择规则。

  • 互补色complementary colors,即色轮上两种相对的颜色(如A和G)。
  • 相似色analogous colors,即色轮上颜色彼此相邻的颜色(如A、B和C)。
  • 三元组色triad colors,即色轮上3种均匀分布的颜色(例如,A、E和I)。
  • 四元颜色square colors,即色轮上4种均匀分布的颜色(例如,A、D、G和J)。
  • 分列互补色Split complementary colors,即色轮上两种颜色相邻的颜色的补色(例如,H,A,C)。
  • 双互补色Double complementary olors,即色轮上两组独立的互补色(例如,A、G、C和I)。

当然以上只是介绍色轮的使用,在实践中具体通过某些网站提供的丰富色彩色轮来确定颜色,例如网站:colorsupplyyy

2.2 色盲无障碍读图

色盲的读者可能难以区分低对比度的不同颜色,这在根据图例区分群体方面产生了重大问题。我们鼓励开发考虑色盲无障碍的图形。解决此问题的一种方法是开发不依赖颜色仅用于划分组之间的图形。明智地使用标签、不同的填充图案或不同的形状轮廓图案有助于在组之间进行划分。例如,对于折线图,使用 1 条实线和 1 条虚线,即使它们是不同的颜色,也是有帮助的。另一种解决方案是选择亮度差异很大的颜色,以增加对比度。有许多网站和应用程序可让您检查您的视觉效果对于色盲者的外观。如果有疑问,请记住,永远不应看到红色和绿色——至少不能同时看到。在Okabe & Ito (2002) 的这篇论文中,有一个很好的色盲友好分类调色板的例子。如下图所示:

2.3 图像调色板

  1. 对于具有顺序的定量数据图,请使用有序调色板。如果数据是连续的并且不断增加或减少,则使用亮度渐变(​​例如从浅到深的灰色、蓝色或红色)或色调渐变(例如从浅黄色循环到深蓝色)。一般来说,人们将较深的颜色解释为代表“更多”。

例如降水图,较暗的区域代表较大的值

  1. 如果数据发散(即数据跨零,或显示偏离参考值),则使用两个对比鲜明的色调或亮度渐变粘在一起。这些通常在每一端都有较深的颜色,代表“更消极”和“更积极”。

  1. 对于没有顺序的分类数据地图,请使用没有明显顺序的调色板。确保颜色易于区分,并尽可能对色盲友好。尽量避免使用太多类别,因为这会使图形变得混乱。被警告!其中一些调色板不是色盲安全的。

  1. 如果可以避免,请不要使用“彩虹”或类似光谱的调色板。原因见:end of the rainbow更好的解决方案是使用可以避免 Rainbow 的许多问题的调色板。Matplotlib 最近引入了“Viridis”调色板作为其新的默认调色板,Matlab 引入了“ Parula ”,您可以轻松地使用R的viridis和viridislite包。

3 推荐资料

3.1 推荐学习视频

  • 论文配色指南,这个视频为OriginPro软件官方配色公开课,本文主要参考视频
  • 科研绘图配色的注意点,这个视频为上海科技大学谋某位老师分享的科研绘图配色视频,用nature或science发表论文图片为例来描述论文绘图要点

3.2 推荐学习文章

3.3 推荐网站

3.4 配色表

颜 色英文代码形象描述十六进制RGB
 LightPink浅粉红#FFB6C1255,182,193
 Pink粉红#FFC0CB255,192,203
 Crimson猩红#DC143C220,20,60
 LavenderBlush脸红的淡紫色#FFF0F5255,240,245
 PaleVioletRed苍白的紫罗兰红色#DB7093219,112,147
 HotPink热情的粉红#FF69B4255,105,180
 DeepPink深粉色#FF1493255,20,147
 MediumVioletRed适中的紫罗兰红色#C71585199,21,133
 Orchid兰花的紫色#DA70D6218,112,214
 Thistle#D8BFD8216,191,216
 plum李子#DDA0DD221,160,221
 Violet紫罗兰#EE82EE238,130,238
 Magenta洋红#FF00FF255,0,255
 Fuchsia灯笼海棠(紫红色)#FF00FF255,0,255
 DarkMagenta深洋红色#8B008B139,0,139
 Purple紫色#800080128,0,128
 MediumOrchid适中的兰花紫#BA55D3186,85,211
 DarkVoilet深紫罗兰色#9400D3148,0,211
 DarkOrchid深兰花紫#9932CC153,50,204
 Indigo靛青#4B008275,0,130
 BlueViolet深紫罗兰的蓝色#8A2BE2138,43,226
 MediumPurple适中的紫色#9370DB147,112,219
 MediumSlateBlue适中的板岩暗蓝灰色#7B68EE123,104,238
 SlateBlue板岩暗蓝灰色#6A5ACD106,90,205
 DarkSlateBlue深岩暗蓝灰色#483D8B72,61,139
 Lavender熏衣草花的淡紫色#E6E6FA230,230,250
 GhostWhite幽灵的白色#F8F8FF248,248,255
 Blue纯蓝#0000FF0,0,255
 MediumBlue适中的蓝色#0000CD0,0,205
 MidnightBlue午夜的蓝色#19197025,25,112
 DarkBlue深蓝色#00008B0,0,139
 Navy海军蓝#0000800,0,128
 RoyalBlue皇军蓝#4169E165,105,225
 CornflowerBlue矢车菊的蓝色#6495ED100,149,237
 LightSteelBlue淡钢蓝#B0C4DE176,196,222
 LightSlateGray浅石板灰#778899119,136,153
 SlateGray石板灰#708090112,128,144
 DoderBlue道奇蓝#1E90FF30,144,255
 AliceBlue爱丽丝蓝#F0F8FF240,248,255
 SteelBlue钢蓝#4682B470,130,180
 LightSkyBlue淡蓝色#87CEFA135,206,250
 SkyBlue天蓝色#87CEEB135,206,235
 DeepSkyBlue深天蓝#00BFFF0,191,255
 LightBLue淡蓝#ADD8E6173,216,230
 PowDerBlue火药蓝#B0E0E6176,224,230
 CadetBlue军校蓝#5F9EA095,158,160
 Azure蔚蓝色#F0FFFF240,255,255
 LightCyan淡青色#E1FFFF225,255,255
 PaleTurquoise苍白的绿宝石#AFEEEE175,238,238
 Cyan青色#00FFFF0,255,255
 Aqua水绿色#00FFFF0,255,255
 DarkTurquoise深绿宝石#00CED10,206,209
 DarkSlateGray深石板灰#2F4F4F47,79,79
 DarkCyan深青色#008B8B0,139,139
 Teal水鸭色#0080800,128,128
 MediumTurquoise适中的绿宝石#48D1CC72,209,204
 LightSeaGreen浅海洋绿#20B2AA32,178,170
 Turquoise绿宝石#40E0D064,224,208
 Auqamarin绿玉\碧绿色#7FFFAA127,255,170
 MediumAquamarine适中的碧绿色#00FA9A0,250,154
 MediumSpringGreen适中的春天的绿色#00FF7F0,255,127
 MintCream薄荷奶油#F5FFFA245,255,250
 SpringGreen春天的绿色#3CB37160,179,113
 SeaGreen海洋绿#2E8B5746,139,87
 Honeydew蜂蜜#F0FFF0240,255,240
 LightGreen淡绿色#90EE90144,238,144
 PaleGreen苍白的绿色#98FB98152,251,152
 DarkSeaGreen深海洋绿#8FBC8F143,188,143
 LimeGreen酸橙绿#32CD3250,205,50
 Lime酸橙色#00FF000,255,0
 ForestGreen森林绿#228B2234,139,34
 Green纯绿#0080000,128,0
 DarkGreen深绿色#0064000,100,0
 Chartreuse查特酒绿#7FFF00127,255,0
 LawnGreen草坪绿#7CFC00124,252,0
 GreenYellow绿黄色#ADFF2F173,255,47
 OliveDrab橄榄土褐色#556B2F85,107,47
 Beige米色(浅褐色)#F5F5DC245,245,220
 LightGoldenrodYellow浅秋麒麟黄#FAFAD2250,250,210
 Ivory象牙#FFFFF0255,255,240
 LightYellow浅黄色#FFFFE0255,255,224
 Yellow纯黄#FFFF00255,255,0
 Olive橄榄#808000128,128,0
 DarkKhaki深卡其布#BDB76B189,183,107
 LemonChiffon柠檬薄纱#FFFACD255,250,205
 PaleGodenrod灰秋麒麟#EEE8AA238,232,170
 Khaki卡其布#F0E68C240,230,140
 Gold#FFD700255,215,0
 Cornislk玉米色#FFF8DC255,248,220
 GoldEnrod秋麒麟#DAA520218,165,32
 FloralWhite花的白色#FFFAF0255,250,240
 OldLace老饰带#FDF5E6253,245,230
 Wheat小麦色#F5DEB3245,222,179
 Moccasin鹿皮鞋#FFE4B5255,228,181
 Orange橙色#FFA500255,165,0
 PapayaWhip番木瓜#FFEFD5255,239,213
 BlanchedAlmond漂白的杏仁#FFEBCD255,235,205
 NavajoWhite纳瓦霍白#FFDEAD255,222,173
 AntiqueWhite古代的白色#FAEBD7250,235,215
 Tan晒黑#D2B48C210,180,140
 BrulyWood结实的树#DEB887222,184,135
 Bisque(浓汤)乳脂,番茄等#FFE4C4255,228,196
 DarkOrange深橙色#FF8C00255,140,0
 Linen亚麻布#FAF0E6250,240,230
 Peru秘鲁#CD853F205,133,63
 PeachPuff桃色#FFDAB9255,218,185
 SandyBrown沙棕色#F4A460244,164,96
 Chocolate巧克力#D2691E210,105,30
 SaddleBrown马鞍棕色#8B4513139,69,19
 SeaShell海贝壳#FFF5EE255,245,238
 Sienna黄土赭色#A0522D160,82,45
 LightSalmon浅鲜肉(鲑鱼)色#FFA07A255,160,122
 Coral珊瑚#FF7F50255,127,80
 OrangeRed橙红色#FF4500255,69,0
 DarkSalmon深鲜肉(鲑鱼)色#E9967A233,150,122
 Tomato番茄#FF6347255,99,71
 MistyRose薄雾玫瑰#FFE4E1255,228,225
 Salmon鲜肉(鲑鱼)色#FA8072250,128,114
 Snow#FFFAFA255,250,250
 LightCoral淡珊瑚色#F08080240,128,128
 RosyBrown玫瑰棕色#BC8F8F188,143,143
 IndianRed印度红#CD5C5C205,92,92
 Red纯红#FF0000255,0,0
 Brown棕色#A52A2A165,42,42
 FireBrick耐火砖#B22222178,34,34
 DarkRed深红色#8B0000139,0,0
 Maroon栗色#800000128,0,0
 White纯白#FFFFFF255,255,255
 WhiteSmoke白烟#F5F5F5245,245,245
 Gainsboro亮灰色#DCDCDC220,220,220
 LightGrey浅灰色#D3D3D3211,211,211
 Silver银白色#C0C0C0192,192,192
 DarkGray深灰色#A9A9A9169,169,169
 Gray灰色#808080128,128,128
 DimGray暗淡的灰色#696969105,105,105
 Black纯黑#0000000,0,0
posted @ 2021-06-27 10:29  落痕的寒假  阅读(970)  评论(0编辑  收藏  举报