[数据可视化] 图表设计原则
在我们平时的日常工作中,有时候需要将数据以图形化的形式展示出来,即我们所说的数据可视化。在创建图表的过程中,我们需要注意图表中每一个多余的元素都会增加用户的认知负荷
我们可以采用下面的设计原则来让图表变得更加漂亮,利于用户理解
设计原则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:使用表格的注意点
使用表格时需要记住一点,要让设计融入背景,让数据占据核心地位。不要让厚重的边框和阴影与数据争夺用户的注意力。相反,使用窄边框或干脆去掉边框可以有效地突出数据
[数据可视化] 图表设计原则相关推荐
- 如何进行数据可视化图表设计?
如何进行数据可视化图表设计? 对数据人来说,数据可视化是分析理解数据,并最终呈现数据的必修课.本文从以下几个点来说明,如何进行数据可视化图表设计.1.数据背后的故事2.充分理解数据3.多种图表类型设计 ...
- Excel数据可视化图表设计需要注意的几个问题
大数据发展迅速的时代,数据分析驱动商业决策.对于庞大.无序.复杂的数据要是没经过合适的处理,价值就无法体现. 可以想象一本没有图片的教科书.没有图表.图形或是带有箭头和标签的插图或流程图,那么这门学 ...
- 数据可视化的设计原则
可视化:对事物建立心理模型或者心理图像 数据可视化:是关于数据视觉表现形式的科学技术研究.其中,这种数据的视觉表现形式被定义为,一种以某种概要形式抽提出来的信息,包括相应信息单位的各种属性和变量.它是 ...
- 丽水数据可视化设计价格_网站建设之B端交互设计——数据可视化图表
在B端设计中,数据可视化是必不可少而且非常重要,越来越多的设计师需要和数据打交道,但是很多设计师不懂可视化当中不同用途的图表规范,只是单纯设计出好看的数据图表,却不能给用户带来更多的信息和价值. 因此 ...
- 丽水数据可视化设计价格_B端产品设计数据可视化图表选择篇
本文一共6040文字,阅读大概需要15分钟 近期在做直播后台内容数字化渠道升级 ,其中有个工作是需要把大量的数据表格转换成为可视化图表,接到需求一脸懵的我,冒出几个问题 1.什么是数据可视化? 2.数 ...
- 后台产品的数据可视化图表产品设计
前些天,做后台的数据子系统的时候,需要用到一些可视化的数据图表,我用到了一个自认为效果比较好,而且比较方便的方式来实现. 在网上巴拉巴拉地找了一番,目前用到这种方法来做数据图表的人并不多,我给身边的朋 ...
- echart 数据视图_关于数据可视化图表的制作,你需要关注的30个小技巧
优秀的数据可视化图表只是罗列.总结数据吗?当然不是!数据可视化其真正的价值是设计出可以被读者轻松理解的数据展示,因此在设计过程中,每一个选择,最终都应落脚于读者的体验,而非图表制作者个人. 今天就给大 ...
- 数据可视化图表,你选对了吗?
戳蓝字"CSDN云计算"关注我们哦! Photo by Jason Coudriet on Unsplash 文 | 邻川 来源 | 阿里巴巴中间件 程序员懂画图,一宝变三宝. 继 ...
- 关于数据可视化图表的制作,你需要关注的30个小技巧
优秀的数据可视化图表只是罗列.总结数据吗?当然不是!数据可视化其真正的价值是设计出可以被读者轻松理解的数据展示,因此在设计过程中,每一个选择,最终都应落脚于读者的体验,而非图表制作者个人. 今天就给大 ...
最新文章
- 微软为其虚拟机更新Linux支持
- 15种CSS居中的方式
- 装饰者模式如何拯救了我的一天
- python s d是什意思_python里d是什么意思
- CMS系统模板引擎设计(5):Label应用初探
- IntelliJ IDEA中创建MyBatis.xml模板
- Servlet-Response直接返回一个文件并且在浏览器上显示
- 20191023:(leetcode习题)最大连续1的个数 III
- 无人车前轮转向分辨率校准
- Oracle中for update和for update nowait的区别
- oracle查询语句查询增加一列内容
- visio2010最新密钥
- 计算机显示去掉拼音分类,大师传授win10系统取消电脑文件显示以字母数字拼音分组的办法...
- mysql rpm mar_Centos7.3离线(rpm方式)安装mysql服务
- bootstrap table表头列名转行
- 华字后面配什么字比较好_和华字搭配的男孩名字 华后面取什么名字男孩 带华字好听好寓意男孩名...
- 【参赛时间延长】InterSystems技术写作大赛:Python
- 增加内存会让计算机变快吗?
- 智能化安防视频监控行业发展是如何转变的?
- 苹果怎么找回删除的照片?2021最新教程