本节书摘来异步社区《不只是美:信息图表设计原理与经典案例》一书中的第2章,第2.5节,作者:【美】Alberto Cairo,更多章节内容可以访问云栖社区“异步社区”公众号查看。

2.5 功能限制形式

不只是美:信息图表设计原理与经典案例
Louis Sullivan的粗略本质论引起的误导并不反驳这样一种观点,那就是形式与功能是而且必须是密切相关的。是的,正如我们刚才所讲到的,功能不一定决定形式。但是这个观点也没错,那就是技术实体的形式必须依赖于其辅助完成的任务。处理信息图表与可视化时需要记住的重要原则之一是:形式应该受制于你所展示的功能。为了便于读者操纵并从中提取有用的信息,数据集的展示可以采用多种形式,但并非适于任何形式。如何选择可视化类型进行数据编码,这不只涉及美感和个人喜好。

通常,目的越明确,可采用的形式越少。下面介绍几个真实的例子阐述这个原则。

十几年前,我在西班牙的几家报社工作过,对他们的排版非常熟悉。他们的排版有一些固定模板,这是新闻传媒业的惯例:如果你知道每月都要发布一张关于失业率的信息图表或者每天都有一页用于天气预报,那么为何每次都要重新设计一张图表呢?运用模板节省时间。不幸的是,这种做法滋生惰性。一次次地使用模板让你不再深究它的结构和适用性,而仅仅是打开这个模板,更新数据并保存,而后关注那些更加有趣的材料。

图2.6的信息图表与西班牙许多报纸使用的模板类似,用于公布每月失业率。图表给出了所有数据,包含一个数据统计信息层,提供了数据概要。3种不同灰度色调分别代表高于平均值、等于平均值和低于平均值。

现在,我们通过一些问题对其进行评论。试着回答以下问题,每个问题的回答时间不能多于5秒。

1.哪个地区的失业率上升最快?

2.哪个地区下降最快?

3.马德里、拉里奥哈或加纳利的失业率有没有增加?

4.埃斯特雷马杜拉、安达卢西亚或巴利阿里的失业率降低量是否相对较多?

很可能,你回答不了这些问题。之前我设计这种图表时也没有问自己这些问题,但是现在我这样做了。我改变观念,从读者的角度思考问题,而不是从设计者的角度。作为读者,这些答案就是我利用这种图表工具想要得到的。

这张图表面临的问题与本节开头分析的图表类似。当你试图回答上面的任何一个问题时,将发生如下情况。

1.你的眼睛不停地搜寻问题中提到的那些数据。

2.用你的大脑记住这些数据。

3.在脑海中从大到小排列这些数据(或从小到大)。

4.在脑海中比较这些数据。

这需要很大的工作量。如果我们知道读者更关注他们自己所在地区的情况,何不事先这样做?图2.7使用了同样的数据,但是分析这些数据时你可以有多种选择。

再看这张图:是否有必要这样做?可能需要。该例中,这些区域的失业率可能与地理位置相关,如图所示,西班牙东南部的失业率越来越高。

在2004年的季度技术交流访谈时,Edward Tufte探讨了有关可视化与信息设计(他更愿意将之称为分析设计)的最重要的理论,他将形式与功能的关系简要定义如下。

有效的分析设计必须从思考法则转变为懂得法则。因此,如果思考的目的是为了找出因果关系,那么需要这个设计原则——展示因果关系。如果思考的目的是为了回答问题或与其他作比较,那么这个原则就是——展示可比性。关键是,分析设计并非取决于使用者的便利性、读者的可读性、心理学家或装饰者的想法,而是其结构如何帮助思考和分析这些证据1。

这个定义讲得很清楚。但是,像前面的例子一样,该观点也不尽然。运用Google将信息图表作为关键字进行简单搜索,会得到成千上万的项目链接,这些项目的设计者在选择图表形式时并没有考虑该形式对思考有多少帮助,而只是使其形式看起来很酷、有创意或者有趣。他们没有形成这样的重要技能,那就是问自己“我的图表用来干什么?”这些设计者很容易成为样式的牺牲品。正如我书中所写的,没有任何一种样式误导比泡泡来得更广泛。

《不只是美:信息图表设计原理与经典案例》—— 2.5 功能限制形式相关推荐

  1. 《不只是美:信息图表设计原理与经典案例》—— 第2章 形式与功能:可视是一种技术...

    本节书摘来异步社区<不只是美:信息图表设计原理与经典案例>一书中的第2章,作者:[美]Alberto Cairo,更多章节内容可以访问云栖社区"异步社区"公众号查看. ...

  2. 《不只是美:信息图表设计原理与经典案例》—— 1.1 理性乐观派观派

    本节书摘来异步社区<不只是美:信息图表设计原理与经典案例>一书中的第1章,第1.1节,作者:[美]Alberto Cairo,更多章节内容可以访问云栖社区"异步社区"公 ...

  3. 信息图表设计入门_50信息量和精心设计的信息图表

    如果仅使用文字或文字,就不可能理解复杂的数据或分析大量信息. 信息图形或更好的信息图表是对数据 ,信息或知识的直观解释 . 这些图形是出色的可视工具,可用于解释大量信息,其中需要立即清晰地解释复杂数据 ...

  4. 信息设计软件+信息图表设计软件介绍

    下面10个软件是设计制作Infographics,各类流程图,结构图,思维导图,最常用的软件工具,感兴趣的朋友可以看完截图之后去官网下载试用版. 转载:http://shejililun.tuyans ...

  5. js享元模式设计原理以及应用案例

    摘要 享元模式是用于性能优化的设计模式之一,在前端编程中有重要的应用,尤其是在大量渲染DOM的时候,使用享元模式及对象池技术能获得极大优化.本文介绍了享元模式的概念,并将其用于渲染大量列表数据的优化上 ...

  6. 汉诺塔python创新设计_递归经典案例汉诺塔 python实现

    最近在廖雪峰大神的教程学习python 学到递归的时候有个汉诺塔的练习,汉诺塔应该是学习计算机递归算法的经典入门案例了,因此本人以为能够写篇博客来表达一下本身的看法.这markdown编辑器还不怎么会 ...

  7. photoshop高反差保留锐化原理和经典案例教程

    第一,ps高反差保留锐化原理介绍 锐化是强化突出轮廓的过程,但不是所有模糊图像都能处理为非常清晰的效果,这一点需要明白. 高反差保留锐化方法的原理是只提取画面轮廓,而其他区域转换为灰色,再通过叠加模式 ...

  8. 27个机器学习图表翻译_使用机器学习的信息图表信息组织

    27个机器学习图表翻译 Infographics are crucial for presenting information in a more digestible fashion to the ...

  9. C语言经典案例——第二章 结构化程序设计

    本篇提供了关于C语言程序设计中结构化程序设计部分的经典案例,可供C语言的初学者们进行一个学习和编译练习. /*Case 1 画"图" 有三个数x.y.z,找出最小的数*/ int ...

最新文章

  1. 大数据分布式集群搭建(2)
  2. java中String对象和String变量
  3. “科研女神”颜宁当选美国科学院外籍院士
  4. Week04-面向对象设计与继承
  5. try…except…finally…_用先……再……然后……描写蚂蚁搬家的动作?
  6. Java泛型初探————泛型通配
  7. 好迷茫! 工作几年除了写代码,其他啥也不会
  8. php解析验证码,全面解析PHP验证码的实现原理 附php验证码小案例
  9. mysql 8.0 yum_CentOS7使用yum安装MySQL8.0
  10. [转载] Python print输出不换行没空格
  11. 计算机软件在哪里建文本文档,电脑点击右键的新建文本文档不见了的解决方法 怎么解决电脑点击右键的新建文本文档不见了...
  12. 利用python提取SWAT模型output.rch中固定sub编号的逐月径流到Excel
  13. c语言坐标轮换法_优化设计-鲍威尔法程序(c语言)
  14. web渗透测试学习路线
  15. 如何用Python 求函数 y = sinx 在区间[0, pi/2]上的弧长
  16. FristiLeaks_1.3#攻略
  17. 深度相机(五)--Kinect v2.0
  18. phpcms 点赞_Ajax实现phpcms 点赞功能(图文教程)
  19. windowsNote(小便签)
  20. Chrome默认非安全端口(6666端口)

热门文章

  1. springmvc十三:REST风格增删改查
  2. 《数据库技术原理与应用教程(第2版)》——习 题 1
  3. gulp前端自动化相关文章收集
  4. nginx日志中文变成类似\xE9\xA6\x96\xE9\xA1\xB5-\xE6\x8E\xA8\xE8\x8D\x90的东西,治本方案
  5. Toast的基本用法 吐司打印
  6. CSS十问——好奇心+刨根问底=CSSer (转)
  7. 动态子类化CComboBox以得到子控件EDIT及LISTBOX
  8. 计院生活--第二章 深入虎穴(下)
  9. 【转】c++中的sizeof
  10. 单机版 hadoop 云平台(伪分布式)搭建 统计单词