图表设计的根本原则

简介:

  1、图表设计的根本原则

      (1) 区分数据墨水和非数据墨水
数据墨水:指系列数据生成的数据图,如柱形图的柱形颜色。
非数据墨水:除系列数据生成的数据图外的其他内容,诸如图表区、绘图区背景、坐标网格线等。
 
数据墨水比(data-lik Ratio)
数据墨水比 = 图表中用于数据的墨水量/总墨水量
     = 图表中用于数据信息显示的非多余的墨水的比例
     = 1-可被去除而不损失任何数据信息的墨水比例
图表设计的根本原则: 最大化数据墨水比,图表中的每一点墨水都要有存在的理由,并且这个理由应该总是展示新的信息。
 
数据墨水比并不是真的计算出一个比例,它只是一个观念,要求我们考虑每个图表元素的使用目的与最佳呈现方式。
 
我们不妨想象一下,当自己完成一张图表后,通过打印机输出时,有哪些碳粉/墨水是必不可少的?有哪些碳粉/墨水则是被浪费掉的?


(2)举例:将一份图表数据墨水最大化的过程


心得体会:可以看到上图第一个到第三个图表优化过程中我们运用了前面所学到的内容:保证每个墨水的应用都是有意义的,没有意义的墨水使用将被剔除。诸如删除其中的,绘图区背景、边框线、数据条的颜色、网格线、坐标轴。
而展现本图表的意义的内容(即体现某数据的意义),添加数据标签、体现“产品2”的数据则更改产品2的填充颜色。
 
(3)商周新风格图表的数据墨水比及设计


在商周刊中的图表内容非常的简练、需要体现的数据非常清晰。但并非简洁的就一定是正确的、符合图表表达的。 因此设计才是核心,是平衡的艺术。适当的运用非数据元素,有助于形成自己的图表风格。在商业图表中可以运用一些非数据元素来形成自己的风格。如下图:


看到了什么?嗯,图片照片的冲击力远远大于一般的图表,因此将符合主题意义的图片照片加入进来,非常能让人记得。再分享两个图表:

 
(4)极简主义 VS 经典风格

只要数据墨水掌握了,运用自如,无论简约还是经典都将会是属于你自己的技巧了。
 
2、图表设计案例分析
Garr的一些图表设计案例(摘自《演说之禅》
(1)化繁为简1:


除去一切没有意义的凌乱的数据、元素后,图表一目了然。
 
(2)化繁为简2

 


如要在原图中寻找日本的数据,肯定要劳累眼睛了。经过减少数据、删除图表区、绘图区的背景后,再将柱形图变为数据条,瞬间就简练了不少。再看优化过的图表加入了符合日本风格的寿司,几乎不用看文字就知道此图要表达的数据重点是哪个了。
 
(3)最大优化墨水比
 

原图杂乱,看似丰富其实没有重点。经过对复杂内容的优化,处理掉了背景图片、3D效果、坐标轴。得到上图。

再次优化,去掉柱形图颜色,柱形图边框,甚至减少了横坐标的数据字数。将符合主题的07年数据标成红色,以示主题。

(4)设计的平衡艺术
 

第一步优化,化繁为简,处理墨水比。

第二步优化,设计增加图表,增加图表冲击力,建立记忆。
 
(5)3D不是最佳表现力1

3D看上去很炫,其实对于观众来说是非常累的事情。在大脑中还需构建3D的形状来对于数据位置与关系,显得过于复杂了。因此不必在图表中应用3D效果,简单的饼图更能表达出你的意图。
 
(6)3D不是最佳表现力2

这个柱形图也是3D效果,同理,只需一般的柱形图即可完全表现数据。因此3D在图表中不是最佳表现力,平面的图表样式只要把握好数据墨水比、且设计合理更能突出主题。
 
3、一般图表的具体原则

 

  • 图表要有明确的作用。图表的目的是反映隐藏在数据背后的信息,促进信息的理解,回答你的商业问题。作为花瓶或者凑数的图表,应该杜绝或只能偶尔而为之。
  • 要考虑图表的受众。确认他们能看懂和接受你的图表,否则会适得其反。
  • 图表要简洁易懂,让人一目了然地获得信息。过多的数据和细节只能淹没信息。
  • 在图表标题中直接说明你的观点、需要强调的重点。同一份图表,不同的人可能有不同的解读,你要确保阅读者了解你的观点。
  • 图表应有脚注区。说明数据来源、备注信息等,这是体现你专业性最简单的方法。
  • 领导满意并不是检验图表成功的标准。在多数情况下领导不一定有你专业,你要了解最佳实践,有自己的判断标准。
  • 避免过度使用图表。图表贵在少而精,太多的图表轰炸并不会留下太深的印象。
4、通用格式化原则

 

  • 了解并运用设计原则。也许你只是数据分析师,但你的图表要符合设计师的眼光。
  • 永远不要使用Excel图表的默认设置,包括颜色、字体、布局、样式等所有方面。你的图表应该有自己的风格,并保持一致。
  • 有目的地、克制地使用颜色。颜色是如此重要,以至于我们反复提到它。不要使用30、透视、演染等花哨的效果。新手请特别注意,一个成熟的数据分析人士绝不应该把时间花在这上面。
  • 丫轴刻度应从O开始。若使用非O起点坐标必须有充足的理由,且要添加截断标记。
  • 使用合理的长宽比例,并保持一致,避免人为地歪曲图表。
  • 不要使用倾斜的X轴标签。如果需要歪着头看你的图表,谁都不会感到舒服。
  • 不要使用Excel图表的数据表。图表的重点在图,以及它给人的印象,不需要精确的数据。
举例:
永远不要使用默认样式

不用使用倾斜的标签
 
不要使用过于复杂的图表
虽然此图的作者技术很好,但依然逃脱不了此图反面典型的命运。所以学习图表,关键在于意,不在型,无招胜有招。
 
5、关于图表的练习
总结一下要点:
  • 在数据量较多的情况下,要显示百分比,饼图并非最好的选择,条形图才是。
  • 慎用3D效果,它只会让你的图表模糊不清,不易理解。
  • 化繁为简,才是更好的显示方式。
  • 折线图最能反映时间趋势。
  • 更改坐标轴起始数值,可以更明确的凸显差异。
  • 图表的增长和减少,应使用渐变由浅入深的方式。
  • 数据名称、标签不可倾斜或垂直。
  • 背景色与前景色不要反差太大。
  • 不要在一个表内加入太多的注重色。
 
ExcelHome培训中心
http://t.excelhome.net

本文转自 kirin 51CTO博客,原文链接:http://blog.51cto.com/kirin/759697 ,如需转载请自行联系原作者

相关文章
|
人工智能 算法 机器人
字节Coze优缺点分析
【2月更文挑战第16天】字节Coze优缺点分析
3404 2
字节Coze优缺点分析
|
安全 中间件 数据安全/隐私保护
中间件的定义,包括它的功能、应用场景以及优势。
中间件是位于操作系统和应用软件间的系统软件,提供数据交换、应用集成、流程管理和安全保障等服务。常用于分布式系统、微服务架构和企业级应用,实现高效、低耦合的系统运行。其优势在于降低开发成本、提升系统性能、简化扩展和维护。中间件推动了软件技术的发展和创新。
2153 1
|
Web App开发 编解码 监控
防御性设计和开发
“防御性编程(Defensive programming)是防御式设计的一种具体体现,它是为了保证,对程序的不可预见的使用,不会造成程序功能上的损坏。它可以被看作是为了减少或消除墨菲定律效力的想法。”
1146 0
防御性设计和开发
|
10月前
|
缓存 API 数据安全/隐私保护
自学记录:学习HarmonyOS Location Kit构建智能定位服务
作为一名对新技术充满好奇心的开发者,我选择了HarmonyOS Next 5.0.1(API 13)作为挑战对象,深入研究其强大的定位服务API——Location Kit。从权限管理、获取当前位置、逆地理编码到地理围栏,最终成功开发了一款智能定位应用。本文将结合代码和开发过程,详细讲解如何实现这些功能,并分享遇到的挫折与兴奋时刻。希望通过我的经验,能帮助其他开发者快速上手HarmonyOS开发,共同探索更多可能性。
409 5
|
人工智能 算法 开发者
AIGC引发的版权风险
【2月更文挑战第9天】AIGC引发的版权风险
244 2
AIGC引发的版权风险
【STC15单片机】模拟I2C操作AT24C02数据读取,PCF8591的A/D转换代码
【STC15单片机】模拟I2C操作AT24C02数据读取,PCF8591的A/D转换代码
513 0
基于 FFI 的 PyFlink 下一代 Python 运行时介绍
PyFlink 现有的 Python 运行时及基于 JCP 构建的下一代 Python 运行时的架构及优势。
基于 FFI 的 PyFlink 下一代 Python 运行时介绍
|
存储 机器学习/深度学习 编解码
阿里云GPU云服务器gn5i/gn5/gn6i/gn6v实例详解
本文介绍了阿里云GPU云服务器的含义、功能特点及gn5i/gn5/gn6i/gn6v实例的特点及使用场景等内容,可帮助新手用户了解并选择阿里云GPU云服务器。
1187 0
阿里云GPU云服务器gn5i/gn5/gn6i/gn6v实例详解
|
存储 安全 关系型数据库
17.14 Linux phpmyadmin安装及配置
本节学习如何安装 phpMyAdmin,它是用PHP 脚本写的 Mysql 数据库的管理软件,是使用 Web 图形模式直接管理 MySQL 数据库的工具。phpMyAdmin 可以用来创建、修改、删除数据库和数据表;可以用来创建、修改、删除数据记录;可以用来导入和导出整个数据库;还可以完成许多其他的 MySQL 系统管理任务。
781 0
17.14 Linux phpmyadmin安装及配置
|
Java 应用服务中间件 Linux
轻量配置中心|学习笔记
快速学习轻量配置中心
446 0