如今在对于设计配色方面的文章和方案数不胜数,甚至都有专门的配色网站可供使用。但是,在数据可视化领域还没有形成有针对性的配色解决方式,因为在数据的展示上设计师所面对的问题是需要面对猪多不同的数据所传递的信息,它们各自的视觉表现形式又是各不相同的。今天就分享一下在亿信华辰的我们是怎么做的。

首先我们作为数据可视化设计师必须明白的是配色会极大的影响人对数据的理解力,而好的色彩运用可以降低我们想要表达内容的理解难度,帮助观看者更加直观的接收我们的信息。

在我们自己的“酷屏”可视化平台研发初期,设计师团队曾针对网络上现有的各类配色方案做过一系列调查,可令我们吃惊的是其中基本没有专门的为了解决数据可视化进行的配色研究,如此我们总结出一般配色方案不能适用于数据配色的理由:

1、 色彩辨识度过低,观察者难以从中辨认数据区别。

2、 配色过于单调,没有丰富的色彩,不能满足数据的多样展示。

3、 颜色明度难以区分,传统配色的明度阶级差别小。

所以针对以上三点可以粗略的总结出如何定义适合数据可视化的配色含义。那就是色彩的可理解性高、色彩的丰富程度、色相明度等方面有足够的区别。为此在自己的酷屏组件中我们有针对性的对配色进行了改进。

一、对比增强,展示直观

颜色的明度的区别要增大,在单色系内要尽量能够通过明度即黑白模式就能很好的区分开各个色彩区间,这样观看者就能直观的感受到数据的变化。

打开网易新闻 查看精彩图片

二、来源生活,丰富色彩

接下来就是解决配色单一的问题,如何使我们的可视化颜色丰富起来,讲到这里我希望大家看看四周,其实颜色就在我们身边,世界是多彩的,往往采取于自然界中的颜色就已经是很绚烂了。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

一组取自晚霞的颜色,丰富且融洽。这种由黄到紫的渐变色彩一般来讲是十分矛盾的(因为黄色和紫色就是互补色)但当他们来自真实世界中时却又十分的和谐。类似的还有很多其他的配色比如绿色到蓝色、黄色到绿色。

打开网易新闻 查看精彩图片

因为身处自然界中的人是总能接触到这些色彩的,所以当他们面对带有这些色彩的数据时会感到愉悦。这样也能顺利的接收数据信息传递。

三、活用渐变,灵动多彩

最后就是要合理的运用渐变颜色,但是一定不要拘泥于同一固定色系的颜色来进行渐变,在酷屏的可视化看板中,这一点被赋予了足够的变化。用户可以使用差异度很大的颜色来表达数据,这也正是数据可视化配色的意义所在。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

冷色渐变、暖色渐变、冷色暖色的渐变,一切都是为了能够将数据展示的足够清晰,足够的便于理解。

当然目前能够看到的是优秀的配色方案是越来越多了,也并不是所有的都适合运用于数据的表达上,这需要我们自己去认真的甄别。我的建议是加大色调和明度的区别,增加色彩的种类,更多的贴近自然的多彩绚丽,这样能使我的的配色更便于辨识。这些是没有现成的公式可以套用的,需要自己不断的试验,直到今天我们亿信华辰的所有设计师还在不断的自我提升。最后也希望本文对你能有帮助!