数据可视化:如何利用色彩来佐证观点

选文|Aileen 翻译|李颖 冯琛 校对|apple

特约专栏主编黄志敏老师推荐语:

色彩的使用不仅仅为了好看,还要便于识别和准确传达信息。除了文章中提到的,一些专业的设计师甚至会考虑一个配色方案必须让色盲和色弱的用户也能准确识别。

◆ ◆

导 读

在艺术和设计领域,色彩理论的重要性已经被研究透彻,但如果是信息设计领域呢?

当与大量数据打交道时,准确是关键。这对于数据可视化艺术来说也是一样:大小、形状、阴影和色彩——可视化中微小的细节会彻底改变信息的感知和理解方式。

在信息设计中色彩为什么如此重要?“数据设计的第一课说的就是色彩是帮助理解数据的工具,” Maureen Stone说道,她是数据可视化企业Tableau的一位色彩专家以及研究经理,“色彩是揭示数据意义的视觉提示,所以我经常告诉设计者们他们要做的第一件事就是指出颜色代表的意义及其功能。”

Stone的工作是与Tableau的信息设计师一起来创造和选择数据可视化的最佳色彩。她在公司的研发部门创立了一个实验室,专门用来研究色彩的专用性以及与数据的关系。后来,他们将研究成果运用到公司最新版的数据可视化软件Tableau 10.0中,设计并加入了调色板选项。

当我在电话中问Stone色彩在数据可视化中会有哪些作用时,她提到了一些常见观点:它是用来区分不同的类别,还是用来赋值,以某种颜色的不同阴影来表示量的多少?也有可能它唯一的作用就是作为背景色来衬托其它分类色。

判断其作用是第一步也是必要的一个步骤,然而这一步之后就会出现更多待定细节,他们对可视化效果都有着深刻影响。Stone介绍说以下是最重要的考量。

由于色度的关系——或者不同色彩维度的度量——不同大小可能导致看到的颜色不同。

◆ ◆ ◆

语义,语义!

Stone说,当针对数据可视化选择颜色的时候,一个需要铭记在心的关键点是一定要保证色彩与其代表的数据能产生的“语义共鸣”。简单来说,设计者们要时刻留心色彩与其用处之间的关系。

举个简单的例子,假设有一个用来比较蔬菜价格的条形图,用绿色代表菠菜,用黄色代表玉米,这与我们对事物和颜色的认知是一致的。若转换颜色——黄色代表菠菜而绿色代表玉米——容易产生混淆。另一个常见的例子来自于热度制图学,比如Trulia制作的交通费时的可视化图形,用红色表示交通较坏的情况,而绿色或者黄色表示较好的情况。同样,上下文语义也非常重要。假如你是在对电脑巨头企业苹果公司的季度收入作图,那么你会用灰色来表示数据,从而与其品牌和产品颜色对应,而不是那些像水果颜色的红红或绿绿。

在热度图中,用红色往往代表较坏的情况,而绿色或者黄色表示较好的情况。via Trulia

显然,有部分概念并不能和某一颜色产生关联,设计者们可能会将这当做是自由发挥的好机会,但是Stone则将其视为利用数据对文字与色彩的关联进行深度挖掘的时机。在2015年的项目研究中,Stone和Tableau的研究科学家Vidya Setlur利用谷歌的n-gram来计算颜色名称出现的频率,设计了一个能够生成有语义色彩的算法,然后在谷歌图片中检索其代表色。

举个例子,用n-gram方法搜索‘黄色’这个词,会出现与‘出租车’关联的结果。同时,用谷歌图片搜索‘出租车’,会出现各种颜色出租车的图片(比如在纽约的一些新车是石灰绿的),但其中黄色车的频率最高。Stone和Setlur设计了一个算法来对这些图片进行聚类并产生关联最强的颜色,这个时候,就是亮黄色。

即时你没有你自己的语言色彩算法,你也可以自己推断语义概念与颜色之间的关系,毕竟用这个是聪明的做法。

左边的图显示了在色彩空间中的标出的颜色,那些颜色相近的颜色,比如绿色和黄色,在感官上也是相似的。——Tableau

◆ ◆ ◆

高识别度

当色彩开始逐步被运用于数据科学中,你需要区别对待:为了能在可视化图表中精确地表达信息,不同颜色的差别应该足够明显。Stone用颜色空间或一种可以展示颜色所有范围的模型工具来为数据选择颜色。如果选中的颜色在颜色空间中非常接近——例如,绿色和黄色紧临彼此——它们仍然会让人觉得不易区分。在数据可视化中,最好不要同时用两种感觉类似的颜色。

Stone说道:“我们发现,小尺度面积的颜色往往看起来不够多彩”

关于这个想法的一个实例来自2015信息图中展示的最复杂“生命之树”的数据。在这幅信息图中,成千上万条线代表了地球上已知的生物种类——从最基础的细菌到最复杂的多细胞生物。在一个可对比的小图片中,展现了生命进化的细节。研究人员试图通过不同的颜色进行对比。代表细菌的红色挨着代表多细胞生物的蓝色——在色谱上对比强烈的两种颜色,这样的颜色对比有助于我们明确区分如此大量的数据。

“生命之树”的图表通过运用对比强烈的颜色清晰地表达了大量的数据。(来自opentreeoflife.org)

◆ ◆ ◆

尺寸问题

当为数据选择或者适配颜色的时候,Stone认为 “粉刷碎片效应”非常重要。逻辑上,如果你想要用亮黄色的涂料粉刷墙面,粉刷整个房间将比只粉刷一小块看起来明亮很多。类似的,某种颜色在地图上被填充一小块与被填充一大片的效果也是截然不同的。

“小尺度面积的颜色往往看起来不够多彩”Stone如是说。这里的变量是指颜色的色度,或色彩维度的评估。例如,一种电蓝色赛车条纹拥有高色度,而柔和的灰蓝色拥有低色度。当被用在小面积区域时,后者的色度需要被增强才能足够显眼地被区分。当大面积使用电蓝色时,需要稍微降低色度,才不会显得很扎眼。

◆ ◆ ◆

颜色的影响

颜色可以唤起情感共鸣并不奇怪——例如,蓝色和紫色比黄色使人感觉更愉快。鲜绿色使人感觉积极或欢乐。正如Stone所说,“设计领域的人都知道,颜色会对人产生影响,他们对此有很多案例和使用原则”基于这种认知,“那么,即使是一个条线图,也同样适用吗?”

答案是肯定的,Stone说。与加拿大西蒙菲莎大学研究者合作,Stone组织了一个调研去询问人们对条线图的感觉,比如冷静,欢乐,或消极。他们的研究结果显示:人们为平静的条线图挑选更柔和的颜色,为欢快的条线图挑选更明亮的颜色(高色度)。与此同时,他们为消极的条线图选择深颜色。运用与数据相匹配的颜色来填充图表,能强化信息的表达。

在调色板中为图表填色会引起镇静,也许在功能上数据可视化不一定比颜色差异性或语言关联性更重要。但是,把所有的因素考虑进去将帮助人们更容易地吸收和理解数据,Stone说。设计者或许会认为他们颜色的运用是毫无意义的,但是这会对读者理解数据产生情感方面的影响。看一下这幅关于近些年来世界上大量核武器的信息图。

这张信息图用黄色、黑色和白色表达世界上大量的核武器——这些消极的颜色可以与严肃的主题相匹配。(来自Reddit用户drwtsn)

设计者,Reddit 的用户drwtsn,选择了黄色、黑色和白色——这些颜色通常是消极的——而不是明快的薄荷绿和灰绿蓝色或亮红色或橘红色这些可能使你联想到核战争的颜色。正如Stone通过她的研究展现的,在颜色理论背后的迷人的科学不是乏味无趣的大数据的冰冷数学,而是与艺术和科学相结合,使它既实用又美观。

素材来源:http://www.fastcodesign.com/3062182/how-to-use-color-to-prove-your-point-from-a-data-viz-expert

原文发布于微信公众号 - 大数据文摘(BigDataDigest)

原文发表时间:2016-08-11

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏镁客网

科普时间:OCR是人工智能的基础之一

3626
来自专栏大数据文摘

统计学速成班:谷歌首席决策工程师的一分钟入门指南

假设检验,P值,显著性水平,置信区间,功效分析到底是什么呢?这里有一份通俗易懂的讲解指南。本文介绍了统计学两大学派:频率学派和贝叶斯学派的基本观点,一起来看看大...

1166
来自专栏挖数

数据分析告诉你,鲁迅的文章真的是匕首投枪

我们读一篇文章时,很容易感受到作者的情绪,作者是悲伤的,笔下的文字可能字字泣血,作者是快乐的,笔下的文字也会跳舞。

1143
来自专栏MixLab科技+设计实验室

机器学习+颜色=智能配色,解读Brandmark的解决方案color-wheel

当我们提起机器学习和颜色的时候,首先想到的可能是黑白照片着色和风格迁移2类应用。虽然这些像素级技术适用于照片,但它们对于艺术的插画风格的图片效果并不是很好。Br...

1691
来自专栏MixLab科技+设计实验室

如何量化一张图片的色彩关系?

上一期讲到Brandmark提出了一种表达色彩比例及关系的数据结构,无向色彩节点图,见下图:

2522
来自专栏智能算法

初学者如何从零学习人工智能?看完你就懂了

来自:开源中国社区 链接:http://www.oschina.net/news/78629/beginners-how-to-learn-from-zero-...

4007
来自专栏全栈数据化营销

产品功能分析模型:KANO模型,市场告诉你产品要具备的功能

首先,我要说的是,我是很看重分析模型的,也会在工作中经常运用分析模型,一定会起到事半功倍的作用,分析模型是做好分析工作非常重要的工具,也是分析师必须要掌握的基本...

3968
来自专栏大数据文摘

吴恩达深度学习系列课程完结,第五部分学霸笔记了解一下?

1543
来自专栏人工智能头条

模式识别新研究:微软OCR两层优化提升自然场景下的文字识别精度

3515
来自专栏MixLab科技+设计实验室

用word2vec解读延禧攻略人物关系

本文结合最近热播的电视剧《延禧攻略》,对其人物的关系在数据上进行解读。通过从网上收集相关的小说、剧本、人物介绍等,经过word2vec深度学习模型的训练,构建人...

3924

扫码关注云+社区

领取腾讯云代金券