图表设计的根本原则

简介:

  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 ,如需转载请自行联系原作者

相关文章
|
9月前
项目实战典型案例14——代码结构混乱 逻辑边界不清晰 页面美观设计不足
项目实战典型案例14——代码结构混乱 逻辑边界不清晰 页面美观设计不足
68 0
|
11月前
|
存储 监控 安全
软件架构的10个质量属性
软件架构的10个质量属性
308 0
|
数据可视化
【设计篇】35 # 如何让可视化设计更加清晰?
【设计篇】35 # 如何让可视化设计更加清晰?
56 0
【设计篇】35 # 如何让可视化设计更加清晰?
|
数据可视化
【设计篇】36 # 如何理解可视化设计原则?
【设计篇】36 # 如何理解可视化设计原则?
189 0
【设计篇】36 # 如何理解可视化设计原则?
|
文件存储 uml
【UML建模】(8) UML建模之组件图
组件图是用来描述组件与组件之间关系的一种UML图,组件图在宏观层面上显示了构成系统某一特定方面的实现结构。它是一种结构型图表。
598 0
【UML建模】(8) UML建模之组件图
|
UED
[译] 移动界面设计的 10 项启发式原则
如今,经过了近 25 年的时间,随着电脑向智能手机的转变,Nielsen 的原则依然站得住脚。 以人为本的设计强调了用户的重要性,设计过程也相应地进行了调整;然而,虽然 Nielsen 的原则在所有屏幕类型上仍然是通用的,但是随着移动设备使用量的不断增加,设计的重心已然在 移动界面 上了。
1133 0
|
XML 数据格式
改善代码设计 —— 处理概括关系(Dealing with Generalization)
  系列博客       1. 改善代码设计 —— 优化函数的构成(Composing Methods)       2. 改善代码设计 —— 优化物件之间的特性(Moving Features Between Objects)       3.
946 0
|
iOS开发
直观设计 VS. 共享式设计
本文讲的是直观设计 VS. 共享式设计,Snapchat 的界面使很多人困惑。这并不是欺负老年人,而是稍微有些年纪的人都会遇到,他们想在Snapchat里处理一些基础操作都很困难。比如说找到它的换脸功能。我无法告诉你有多少人曾向我抱怨 Snapchat。
1248 0