《图表中颜色使用的实用规则》笔记

原文链接,作者:Stephen Few
我们关心的是颜色的实际使用方法,而不是艺术性的表达,需要熟悉几条关于颜色使用的基本规则。

上下文中的颜色

首先从一个关于高效使用颜色需要理解的重要事实开始。我们对颜色并没有绝对的感知,我们对事物的感知会收受到周围环境的影响。视觉感知是相对的,从一个灰色小方块说起。

灰色方块
在一个由渐变色填充的大矩形中放置四个相同的小方块,可以明显看出由于周围环境的影响,不同位置的小方块看起来有多么不同。
渐变矩形中的小方块

规则1:如果希望图表中相同颜色的不同对象看起来相同,要确保它们的背景颜色是一致的

规则1的一个简单应用是避免使用渐变背景色或者其他颜色有变化的背景色,不要为了修饰图形而削弱其清晰表现数据的能力。

规则2:如果希望图表中的对象很容易被识别,可以使用与其形成强烈对比的背景色

规则2提示我们要谨慎选择颜色,要确认它们很容易被看到,而且能有效地发挥我们使用颜色的目的。举一个Excel的应用实例:
Exce应用l实例
上图中,交通信号灯的颜色绿、黄、红分别被用来表示高利润(绿)、低利润或亏损(黄)、严重亏损(红),人们可能确实最关注深红色和深绿色所代表的数值,但是它们却是最难看清值的数值颜色,深色背景和黑色文字没有形成鲜明对比而突出显示数字。

有节制地使用有意义的颜色

颜色常常由于被随意地用于数据展示,而可悲地破坏了它们的价值。在颜色方面,人们倾向于认为越鲜艳越好,但事实恰好相反。在专业的颜色和信息展示会议中,人们进行展示时对颜色的使用表现出极大的克制。比如他们的PPT往往更多地使用灰色,专家们意识到颜色应当使用地更有意义,而不是随意使用。

规则3:只有在需要完成特定的传播目标时才使用颜色

不要使用颜色来进行美化修饰,在广告中可能会使用色彩来修饰,但是在信息展示时颜色只会分散人们对重要数据的注意力。

规则4:只有当需要表示数据中的不同含义时才使用不同的颜色

我们需要避免下图这种错误的展示方式:
错误使用颜色示例
每个长条使用不同的颜色是毫无意义和价值,X轴的标签已经标明每个长条代表了什么。当人们看到不同的颜色时,会有意或无意地去区分不同颜色表示含义有何不同,暗示不存在的意义会浪费人们的时间和精力。你的眼睛应当用于区分下图中长条之间的区别,而不上图中的。

每当想要在数据展示中添加颜色时,问问自己这些问题:使用颜色的目的是什么?使用颜色能有效达成这一目的吗?如果答案是不能促进达成目的,或者有其他更合适的方式来达成目的,应当避免使用颜色。

为特定的目的定义标准调色板

恰当地使用颜色将能强烈地吸引人们对特定数据的关注,数据展示中使用颜色来实现三个基本目的:

  • 强调特定数据
  • 组合项目
  • 编码量化值

规则5:使用柔和的自然色来展示大部分信息,使用明亮鲜艳的颜色或深色来强调需要特别关注的信息

与其每次需要使用颜色时都花时间从大量的颜色中挑选,不如固定一些好的标准颜色来节约时间和提高效率。推荐固定几套标准颜色,每套颜色用于不同的目的。可以保留一套从亮到暗的颜色、一套人眼易识别的中等深浅颜色、以及一套明亮的浅色。
鲜艳颜色或深色主要用于在图形中进行强调,比如用于一组特定的条形图,这些颜色也很适合用在文字中。当对象变得细小单薄时,比如对于文字、线条和小数据点来说,颜色是很难被区分的。下图中,中等深浅的颜色在条形图中展示效果很好,但在散点图中很难被区分。


当对象细小单薄时,我们需要使用更鲜艳明亮或者更深的颜色。另一个解决办法是加宽线条或者把数据点调大。

可以在图表中不展示数据的部分比如坐标轴,或者是不想强调的数据上使用浅色。信息的分量并不完全相同,有些必须包含的信息在你进行展示时只起到很小的作用。
当用于展示分类信息时,我们可以使用看起来很不同的颜色,它们能相互区别,但不会有某些颜色比其他颜色更引人注目,它们的强度应当相同。
一套强度相同的中等深浅颜色:
这里写图片描述
另一套用于强调:
这里写图片描述
一套浅色:
这里写图片描述
能够明智地选择颜色才是关键,你并不需要在颜色方面成为专家,或者花时间尝试各种颜色,可以依赖于专家们提供的预定义调色板。宾夕法尼亚州立大学的Cynthia Brewer就是这样一位专家,她通过一个简单的基于网页的应用——Color Brewer,提供了许多精心设计的调色板。
Cynthia把她的调色板分为三类:

  • Categorical
  • Sequential
  • Diverging

Categorical调色板用于不同类别,Sequential和Diverging调色板主要用于不同的量化数据。

规则6:当使用颜色来编码连续范围内的量化数据时,使用一种色调(或者一小部分颜色接近接近的相关色调),通过变化颜色的强度,低强度浅色对应较低的数值,高强度的深色或鲜艳颜色对应较高的数值

直觉上很难辨认顺序的一组颜色:
这里写图片描述

仅凭直觉就能清晰辨认顺序的一组颜色:
这里写图片描述

两个应用:
这里写图片描述
这里写图片描述
注意,上图并没有在热图的单元格中显示文本,这样做是因为一些文本和周围的颜色并不能形成突出对比,不希望人们通过颜色来观察数据中不同的模式时被分散注意力。在探索数据时不显示文本是合适的,如果想要查看精确的数字,可以查看没有背景只有数值的版本,如果一次只想查看一个数值,可以通过点击感兴趣的单元格并查看Excel公式栏中的值。

sequential palette
上图中展示了一组有序的颜色,在感知上的间隔是相等的,这就是Cynthia Brewer所说的Sequential调色盘。

Diverging(发散)调色盘包含两组连续的颜色,强度分别从中间向两侧增强,如图:
这里写图片描述

可以把Diverging调色板称之为双重有序调色板,编码了一系列在中间某个逻辑断点之上或之下的数量值。例如,一个公司的盈利情况可以使用一个带有双重有序调色板的热图来显示,一组颜色表示盈利,一组颜色表示亏损。

为每一个成分选择最佳颜色

图表由对象组成,有些对象代表实际数据,而有些没有代表。例如,大多数图形使用长条、线或数据点来显示值。当我们查看图表时,这些数据对象应该吸引我们的注意力。其他对象也会编码一些不太核心的信息,它们更多的是起到支持性的作用,例如文本(如图的标题,轴标题,提供定量尺度和名字的轴标签),这些对象向我们清晰地展示某个值在在尺度范围上的具体位置。

规则7:图表中非数据型的部件应当只用来发挥其应有的作用,它们过分突出的话会分散人们对数据的注意力

用于非数据型部件应当使用较浅的颜色从而削弱其视觉影响力。

次要部件颜色
坐标轴线条 中等强度的灰色线条
边框 无论是在整个图形中还是在绘图区和图例上,当需要使用边框时(通常时不需要的),使用使用中等强度的浅灰色线条
背景色 使用白色(或者在Excel中选择“无色”)
主要部件颜色
长条 不同系列的数据使用中等强度的不同色调
线 细线使用高强度不同色调,一般情况下使用中等强度的不同色调
数据点 小数据点使用高强度的不同色调,一般情况下使用中等强度的不同色调

其余的一些规则

还剩以下两个附加主题的简单规则:

  • 色彩感知方面的缺陷
  • 光和影的影响

在颜色感知方面的缺陷

有些人无法分辨出大多数人很容易辨别的特定颜色。大约10%的男性和1%的女性是色盲的或者颜色感知异常,绝大多数的这些人不能区分红色和绿色。这意味着当我们跟随现在流行的用红色表示“差”、用绿色表示“好”的颜色编码方式时,我们使用了一种许多人无法辨别的方式来展示重要的区别。尽管解决不了所有人的问题,下面的规则对大多数人都适用:

规则8:为了保证大多数色盲的人能够区分用颜色编码的数据分组,应当避免使用相同显示方式的红色和绿色

可以使用蓝色和红色在热图中区分正值和负值,而不是绿色和红色。

光和影的影响

大多数现在用于绘制图形的软件,包括Excel,都提供了一系列的视觉效果来美化图形。光和影的影响,尤其是那些设计用于二维对象(如条、线和数据点)的三维图形,非常流行。但不幸的是,这些效果会带来一些问题,它们会破坏我们在图表中想清晰传达的内容,它们只带来了漂亮的外观,但很少有真正的价值。下面是最后一条规则:

规则9:避免在图表中使用视觉效果

这里写图片描述
在图表中,没有必要让事物看起来像现实世界中的物体,我们只是想要尽可能简单而清晰地展示数据。

遵循这9条简单的规则,将能在不增加工作量的同时提高图表的质量。如果信息值得展示,就应当好好进行展示。

 

posted @ 2018-02-02 17:10  huidan  阅读(1924)  评论(0编辑  收藏  举报