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

2.5 功能限制形式

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

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

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

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

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

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

2.哪个地区下降最快?

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

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

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

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

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

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

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

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

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

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

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

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

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

时间: 2024-12-03 06:15:49

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

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

1.1 理性乐观派观派 不只是美:信息图表设计原理与经典案例 原本我打算在这章的开头讲述几个有关信息可视化.信息设计和信息图表的正式定义,但没有这样做,一些事情改变了我的想法.一次,我随意浏览<纽约时报>(The New York Times)网站时,一篇关于<理性乐观派:一部人类经济进步史>(The Rational Optimist: How Prospersity Evolves)(2010年)的评论引起了我的注意,该书的作者是英国科学评论家Matt Ridley. 这篇评论

《不只是美:信息图表设计原理与经典案例》—— 导读

目录 第一部分 基础知识第1章 为何需要可视化:信息到智慧的升华1.1 理性乐观派观派1.2 可视化是一种技术第2章 形式与功能:可视是一种技术2.1 防御信息图表2.2 数据的展示形式2.3 "功能决定形式"的起源2.4 从本质上认识功能2.5 功能限制形式2.6 泡泡误导2.7 更加灵活 第3章 美丽的冲突:艺术与交流第4章 复杂的挑战:表达与挖掘第二部分 认知科学第5章 眼睛与视觉大脑第6章 思维可视化第7章 脑海中的图像第三部分 实例应用第8章 创建信息图表第9章 交互式信息图

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

  本教程分为ps高反差保留锐化原理讲解和高反差保留锐化案例展示. ps高反差保留锐化法是比较常见的一种提高图像清晰度的手法. 第一,ps高反差保留锐化原理介绍 锐化是强化突出轮廓的过程,但不是所有模糊图像都能处理为非常清晰的效果,这一点需要明白. 高反差保留锐化方法的原理是只提取画面轮廓,而其他区域转换为灰色,再通过叠加模式的应用,屏蔽灰色,从而达到清晰图像的目的. 第二,ps高反差保留锐化案例 1.打开需要锐化的素材文件. 2.按下CTRL+J,复制背景图层,得到图层1. 3.执行"滤镜--

《信息图表的力量》—— 第1章 重要性和有效性:为什么我们的大脑偏爱信息图表

第1章 重要性和有效性:为什么我们的大脑偏爱信息图表 信息图表的力量 第1章 重要性和有效性:为什么我们的大脑偏爱信息图表 必读章节 - 信息设计的不同观点:简史 029 - 可视化的目标 036 - 吸引力 038 - 易于理解 042 - 持久停留 048 在<建筑学>这本书中,罗马建筑师和工程师维特鲁威指出,所有的建筑物都必须遵从3个标准:稳固.实用和美观.在<设计在信息可视化中的作用>这篇论文中,作者安德鲁·范德·默勒和海伦·普查斯指出,这些标准可以.也应该同样用到信息设计

使用Excel仿制信息图表的两个实例

  使用Excel仿制信息图表的两个实例           所谓信息图表仿制,就是使用Excel的有限功能,尽量实现某些信息图表的外观效果,使两者的优点得以完美结合. 具体实现方法如下: 使用Excel仿制信息图表实例一 这个信息图表是一个沿X轴上下方向相反的三角形锯齿形图表,我们可以用柱形图来仿制模拟. 步骤1: 首先进行数据的准备工作.在原有两列数据的基础上,需要添加一列辅助数据,由于图表中是沿X轴反向的两组三角图形,就需要有一组数据使用负数绘制在负数坐标区域.在这个例子当中可以取第二个系

杭州道森设计 SEO经典案例分析

杭州道森设计是杭州seo刚入设计行业时的网站建设工作室网站,今天拿出来分析下排名原因.希望对大家有所帮助 一.网站大致资料: 网站:杭州道森设计机构 域名:www.dawsen.cn 运营时间:10个月左右 收录状况: 标签: 关键词:杭州网站建设,杭州网站制作,杭州网页设计 网站描述: TEL:13666605943 QQ:85603051 杭州网站建设和杭州网页设计公司,专业提供杭州企业网站建设服务,专业型外贸公司网站建设服务,网页设计,网页制作,网站建设营销方案策划,网络营销,网站优化,网

《超越平凡的平面设计: 版式设计原理与应用》目录 —导读

http://file.epubit.com.cn/LargeCover/15018e1b71e31e302620" > 版权声明超越平凡的平面设计: 版式设计原理与应用Before & After: How to Design Cool StuffJohn McWade ISBN: 9780321580122 Copyright 2010 Authorized translation from the English language edition published by P

WEBJX收集整理30个精彩的网页创意图表设计

网页制作Webjx文章简介:30个极具创意的网页图表设计. 图表设计并不是主流设计,很多设计师在想到图表时就会认为是圆饼图表.或柱形图表等这些常见的图表类型.当然在一般情况下图表是为了更好的传达信息,所以与设计似乎并没有太大关系.不过本文中收集的这30个图表属于创意图表,表达上更富有表现力,希望你可以从中获得一些启发. 1. Ancient Hebrew Cosmology  2. The modern listener guide  3. Missions to Mars  4. Food i

HTML 5设计原理

Jeremy Keith在 Fronteers 2010 上的主题演讲 下载PPT(PDF) http://adactio.com/extras/slides/designofhtml5.pdf 观看视频 http://fronteers.nl/congres/2010/sessions/the-design-of-html5-jeremy-keith 51CTO推荐专题:HTML 5 下一代Web开发标准详解 今天我想跟大家谈一谈HTML 5的设计.主要分两个方面:一方面,当然了,就是HTML