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

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

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

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

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

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

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

一、对比增强,展示直观

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

二、来源生活,丰富色彩

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

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

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

三、活用渐变,灵动多彩

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

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

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

数据可视化专属配色方案相关推荐

  1. 数据可视化图表配色方案 - ppt/echarts/highcharts

    数据可视化分析配色方案来袭,有需要的小伙伴可参考以下- 废话少说.上图-┭┮﹏┭┮ 色系目录 复古 新特性 渐变 清新 怀旧 商务 明亮 雅致 柔和 淡雅 经典 艳丽 科技 炫彩1 炫彩2 简洁1 简 ...

  2. 实例讨论数据可视化的配色思路

    引子 有一数据集如下: 数据解读: 研究对象的目标层 A 分为 B1, B2, B3 三个准则层: B1 层下有 C1, C2, C3, C4 4个指标: B2 层下只有 C5 一个指标; B3 层有 ...

  3. 数据可视化的开源方案: Superset vs Redash vs Metabase (一)

    人是视觉动物,要用数据把一个故事讲活,图表是必不可少的.如果你经常看到做数据分析同事,在SQL客户端里执行完查询,把结果复制/粘贴到Excel里再做成图表,那说明你的公司缺少一个可靠的数据可视化平台. ...

  4. 大数据可视化设计开发方案调研

    0. 痛点和方案 当前公司内部开发的Web应用多数属于以下类型: - 数据可视化报表 - 中后台管理界面 当前项目开发中的痛点有这些: UI设计人员使用PS设计的整体布局,开发人员无法结合echart ...

  5. 48页智慧城市大数据可视化平台建设方案

    目 录 1. 概述 1.1 需求分析 1.2 采取策略 1.3 方案目标 2. 智慧城市解决方案 2.1 架构说明 2.1.1 整体架构 2.1.2 规划架构 2.1.3 云平台架构 2.2 建设内容 ...

  6. 【设计参考】GIS数据可视化展示配色案例(不定期更新)

    一些工作中收集的优秀的气象产品配色案例,供参考.

  7. 如何为数据可视化选择完美的色彩组合?

    当设计师们在为图形图表,网站,品牌等选择配色方案的时候,其实都是一项挑战. 在数据可视化方面,在进行配色方案设置时,设计师对图像的色调的选择尤为重要. 每种颜色都代表一个独特的信息,你所用的使用的颜色 ...

  8. 数据可视化项目落地复盘

    近期落地了工作中的数据可视化项目,今天原创复盘下这中间的历程. 在复盘前,首先一个问题:数据可视化到底是不是一个需求? 提出这个问题的原因: 数据可视化只是让数据更直观,是数据的另一种展现形式.这种形 ...

  9. 能做出这样的数据可视化报告,不信老板不给你加薪

    前段时间,我担任评委评审了一个冬季可视化分析挑战赛,在评审的过程中,发现了不少优秀的作品,可以说是真正将可视化与业务价值结合起来了,今天和大家一起来看3份,也有些心得想与大家分享. 第一部分先放优秀作 ...

  10. vue大屏可视化自适应完美方案

    背景 在做大屏可视化项目的时候,一般设计稿会设计成1920*1080,但是页面写死1920*1080在2k.4k等分辨率的屏幕下是不适配的.如果页面能够根据屏幕比例进行等比缩放那就好了. 比例 什么? ...

最新文章

  1. mpython掌控板作品_mPython掌控板Easy-IoT物联
  2. 23 Python常用模块(一)
  3. 自然语言处理库——Gensim之Word2vec
  4. 为了让你在“口袋奇兵”聊遍全球,Serverless 做了什么?
  5. python显示1000以内的斐波拉契数列_python实现斐波那契数列
  6. HttpApplication的认识与加深理解
  7. Visual Studio 2019 v16.6 Preview 3 发布
  8. 日程表|第8届高等学校计算机程序设计课程论坛
  9. python能做什么-学会Python后都能做什么?网友们的回答简直不要太厉害
  10. Kettle使用教程(问题)
  11. 有限元计算计算机配置, 有限元分析计算对电脑配置都有什么要求
  12. matlab 查看版本号,如何查看matlab版本信息?matlab版本信息怎么看
  13. jadx反编译—下载和使用
  14. 心理学中的催眠术怎么学[为本教育]
  15. C#一年级100以内的加减训练
  16. 共享打印机计算机名没有反应,共享打印机接收到打印任务,但是没有反应该怎么处理 - 系统之家...
  17. 使用StopWath统计代码执行耗时方法
  18. 局域网屏幕共享_计算机:如何通过局域网方式接入Internet
  19. vue使用ckeditor4富文本编辑器配置
  20. has no exported member

热门文章

  1. 阿里 3月25日 二维矩阵列选元素最小和
  2. 目标文件(.obj)的COFF文件结构
  3. 整车控制器(VCU)开发 之 概述
  4. 广东汕尾电信稳定dns服务器,广东电信的DNS是多少?
  5. 阿丹学理财之资产配置
  6. 设计测测试用例的五大方法
  7. 经常使用的几种OCR文档扫描工具|无水印|避免智商税
  8. 远程服务器停止运行怎么回事,远程桌面连接已停止工作解决方法
  9. 7款最好用的图片无损,视频无损压缩软件
  10. 厦门大学继续教育计算机科学毕业难吗,厦门大学工资待遇