配色

配色的分类

  • 柔和的颜色:饱和度低
  • 强烈的颜色:饱和度高

配色的基本原则

颜色为数据逻辑服务

  • 有意义的颜色
    • 显示分组
      • 用不同的颜色来表达区别
      • 用相近的颜色表示同一分组
    • 用配色突出关键数据
  • 多用相似色
    • 同一色系或者色轮上相邻
    • 多个数据的话不要超过三个色系
    • 建议多用内置颜色或者参考成熟的配色方案
  • 根据图面积选色
    • 大面积的图使用柔和的颜色(柱状图/面积图)
    • 小面积的图使用强烈的颜色(折线图/散点图)

用数据说话,用图片表达,用逻辑自洽

图片既包含数据,又必须体现出数据之间的逻辑关系以及数据和结论的逻辑关系

  • 配色:突出关键数据,展示逻辑关系
  • 配图:最好有一个主色调(1/3到一半),然后使用近似色作为辅助色,其他颜色为互补色、组合色
  • 尽可能使用柔和的颜色(明色、暗色、混色),避免使用亮绿亮蓝亮青亮紫(纯色)

近似色:光谱上相近的颜色

互补色:对比色

配色推荐

柱状图

不同形式及颜色设置方法

  • by Plot
    • 简单柱状图
    • 堆叠柱状图
    • 堆叠分组柱状图
  • by Point
    • 分组柱状图

1组柱状图 -- 1列数据

配色推荐
  • 1列数据

  • 单色

  • 不要用标准色 ,避免明度高的颜色,即图中的标准色

  • 饱和度高的颜色, 选用一些的柱体; 饱和度低的颜色, 选用宽一些的柱体
方法
  • 直接采用柔和的颜色条中的颜色

  • 在内置颜色条中选择饱和度低的颜色

  • 设置透明度

常见的问题
  1. 给某个柱体单独设置颜色

    • 单独选中这个柱体,添加特殊点(这样单独选中就添加了特殊点了),进行颜色设置

    • 把柱体对应到某个数据列

2组柱状图 -- 2列数据

配色推荐
  • 内置颜色条随便用
  • 注意不要选太接近的颜色就好

3组柱状图 -- 3组数据

配色推荐
  • 相近的色系
  • 不要选用对比太强烈的颜色
  • 不要滥用图案不建议图案颜色共同使用
  • 黑白图可以把灰度和图案进行搭配

常见的问题

画出有三维感的二维柱状体

点击柱体,在绘画属性中,选择渐变填充,单色,方向选择水平方向,从中心到两边

多组柱状图 -- 多组数据

这里以6组数据为例

堆叠柱状图配色推荐
  • 面积小的部分使用比较深或者鲜明的颜色
多组数据配色推荐
  • 类似的颜色(相近的色系, 或者相近的明度)
  • 直接采用内置或者分享配色中的数量相近的颜色条

饼图

特点

  • 颜色按点设置
  • 通常颜色比较多

饼图配色推荐

  • 面积小的部分使用比较深或者鲜明的颜色
  • 用内置配色搭配

折线图

简单折线图

要点
  • 交错重叠的折线不能太多。

    • 如果超过四条, 建议改用堆叠折线图或者考虑其他表达方式
  • 使用强烈的颜色

  • 线条设置得粗一些,一般设置为3

  • 黑白图: 颜色, 线型,双线综合运用

  • 折线图使用的颜色

    • Color4Line
    • Candy
    • Bold1
    • Bold2
    • strong14
    • strong_vangogh7

    都是一些比较强烈的颜色

多条成组数据折线图

特点
  • 连续变化的成组数据
配色推荐
  • 渐变,使用Palette
适用于多条曲线的 Palette
  • Bright
  • Spetrum
  • Rainbow_Modify
  • Heatmap4ColorBlind
  • Plasma
  • Maple

散点图

普通散点图

配色推荐
  • 空心圆点, 边缘用深灰色,中间填柔和的颜色

  • 实心圆点, 用强烈的颜色加透明度

  • 按需用大小和颜色表达第三第四维度数据

大小选择某一列数据映射,颜色选择某一列数据进行映射

种类繁多的散点图

方法

  • 综合运用 形状和颜色

要点

  • 数量多的用小点,少的用大点
  • 可以复合两种样式表达 (例:圆圈+圆点,星星+圆点)

等高线图

配色推荐

  • 使用 Pallette
  • 如何使颜色过渡平滑:设置 minor level

热图

可以在设置颜色选项中选择

自定义配色

颜色管理器

可以选择是颜色列表还是调色板

  • 导入颜色方案
  • 新建颜色方案

提取图片中的颜色

  • 模板提取

导入图片可以提取图片中的颜色

  • 用滴管提取

Palette(调色板)的创建

数据点、数据线 配色注意点

单条数据线

  • 最常用(保险)色:黑色、红色

  • 最流行:深灰蓝、深紫蓝

  • 不宜单独使用绿橙等中间颜色

  • 需要叠加其他色彩信息的单条数据线,宜采用黑色

  • 数据非常细密、跳变很多、噪声大,宜使用深灰色,更清晰

  • 灰度图、伪彩色图中的线条、标记,宜使用红色、黄色、橙色、亮绿等较亮的色彩

  • 多彩色中的同类型数据点宜使用黑色
    • 如果还不够清楚,加上白色或黑色轮廓

  • 多彩色图中的线,宜采用与白色或者背景色对比较强的颜色

两条数据线

  • 色彩对比:黑 -- 红/蓝/绿,常用于主次对比

  • 红蓝对比:常用于对比数据对比

  • 互补色对比:蓝-橙,紫红-青绿

  • 深浅对比:黑-灰,深蓝-浅蓝等,通常表示同一个量的变化

  • 饱和度对比:灰-红,灰-蓝,常用于上叠拟合线、平滑线

    • 拟合(平滑)数据线:拟合线用彩色,背景数据用灰色

  • 其他的用法

多条数据线

  • 三条数据线常用:黑/灰-红-蓝(黑/灰表示次要)

  • 组合配色

很多数据、成组数据

  • 彩虹色渐变
  • 近似色渐变
  • 深浅渐变
  • 组合渐变

常选颜色区域