首页 分享 [数据可视化] 图表设计原则

[数据可视化] 图表设计原则

来源:花匠小妙招 时间:2025-05-13 17:40

[数据可视化] 图表设计原则

山茶花开时。 已于 2022-09-06 19:37:17 修改

于 2022-08-09 22:16:38 首次发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

在我们平时的日常工作中,有时候需要将数据以图形化的形式展示出来,即我们所说的数据可视化。在创建图表的过程中,我们需要注意图表中每一个多余的元素都会增加用户的认知负荷

我们可以采用下面的设计原则来让图表变得更加漂亮,利于用户理解

设计原则1:去掉图形边框和网格线

利于数据更加突出

设计原则2:去除数据标记

线条本身就可以直观展示数据,有了数据标记会增加用户的认知负荷

并不是说永远不要使用数据标记,而是要有目的去使用

设计原则3:坐标轴标签处理

1.避免使用倾斜的元素,以免影响用户阅读速度

2.当小数点后面尾数是0时,去掉这些尾数以减少用户不必要的认知负荷

很多时候,系统默认生成的轴标签当中会在小数点后面出现多余的尾数0,这些0没有任何参考价值,反而让数字看起来比实际复杂的多

设计原则4:删除不必要的图例

删除图例,可直接在需要描述的数据旁进行标记说明

设计原则5:保持颜色一致

对数据标签和所描述的数据需使用相同的颜色,有利于提示用户这两部分信息是相互关联的

设计原则6:对齐

用户通常会从页面或者屏幕的左上方开始,按"Z"字形移动视线并消化信息,如下图所示: 

避免使用居中对齐的文字,将文字按左上角对齐(标题,坐标轴标签等) ,这有利于用户先看到有关如何阅读图表的细节,然后再看到数据本身

设计原则7:字体

中文:微软雅黑

英文和数字:Arial字体

经过上述7个设计原则对折线图进行修改,呈现结果如下所示:

扩展补充1:如何看懂图表

我们可以从图表中的6种元素着手了解图表

1.图表标题,用于介绍图表的主题

2.横轴纵轴标题

3.类别名称

4.图例,用各种符号和颜色代表图形里的不同类别

5.网格线,方便看到每个元素大概在图形中的哪个部分

6.数据来源,赋予数据可信度

注意:为了图表精简,上述6种元素不必所有都用上

扩展补充2:使用表格的注意点

使用表格时需要记住一点,要让设计融入背景,让数据占据核心地位。不要让厚重的边框和阴影与数据争夺用户的注意力。相反,使用窄边框或干脆去掉边框可以有效地突出数据

相关知识

excel数据可视化图表
数据可视化中的交互式图表和动态展示
17个数据可视化经典图表及罕见图表汇总
适用于数据可视化的16种最佳图表
数据可视化实战:使用D3设计交互式图表(第2版)
今天来讨论一下什么是数据可视化
芜湖~起飞~信息可视化图表设计
数据可视化:让数据 “说话”
最推荐的图表插件:tusimpleBI带来数据可视化革命
JavaScript实现的风飓风数据可视化分析

网址: [数据可视化] 图表设计原则 https://www.huajiangbk.com/newsview1946702.html

所属分类:花卉
上一篇: 数据可视化指南:那些高手才懂的坐
下一篇: 多数据做图表怎么好看?实用的数据

推荐分享