作者：善本出版有限公司
出版社：电子工业出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
以图释义：信息图表设计试读：
内容简介
处在一个充满信息的时代，我们要如何利用图形语言清晰、高效地进行表达。
本书对信息图表及其创作方式技巧进行详细介绍，结合丰富的案例与解析，教会读者如何利用图表挖掘数据背后的信息，并对这个复杂的世界产生新的见解。无论读者正在面对的是何种数据——生活、科学、经济还是地理环境——这本书都将向你展示如何应用图解、图表、统计图、地图等形式来表达信息，用大量的作品来说明信息设计的多元化和功能性，为读者打开一扇新的设计之门。
未经许可，不得以任何方式复制或抄袭本书之部分或全部内容。
版权所有，侵权必究。第1章关于信息图的一切
信息图是什么？
如何制作一张信息图？
优秀的信息图是怎样的？
如何设计一张优秀的信息图？信息图是什么？What is infographic？
信息图（Infographics）是使用视觉化形象来表达信息的图像。木村博之在《图解力：跟顶级设计师学做信息图》一书中是这样定义：针对内容复杂、难以表述的信息，先进行充分理解、系统梳理，再使其视觉化，通过图形简单清晰地向读者呈现出来，这种图就叫作信息图。信息图最早用于报刊中，如今，随着信息产业的发展，以及人们对于阅读速度的要求越来越高，信息图越来越常见于各种传统及网络媒体中，信息图的设计也越来越普遍。那么一张信息图是怎样产生的呢？如何制作一张信息图？How to design an infographic？
一张信息图的制作需要文字编辑、设计师、数据分析师协作完成，而现在一个好的设计师可以同时担当三种角色。那么完成一张信息图会经历怎样的步骤呢？选择主题↓收集数据↓分析数据↓确定表现形式↓制作草图↓设计成型↓检验与发表1．选择主题
每张信息图都有一个明确的主题，如年度报告，某片区域的野生动物分布状况或某事物在不同时期的发展状况等。如果客户委托的项目，设计主题一般由客户指定，如果项目是设计师自发的，确定主题则需要设计师独立完成，或与编辑协作完成。2．收集数据
编辑从网络、期刊、图表等地方收集各种相关数据，这些数据可能非常原始，甚至有一部分是不相干的。编辑需要对这些数据进行调查和研究，筛选出有用的数据，汇总起来。3．分析数据
设计师和编辑以及数据分析师共同将汇总的数据进一步分析，理出层次，并确定以何种架构呈现信息图。常见的架构方式有：A 以时间进度为架构（作品详见66页）B 以空间结构为架构（作品详见104页）C 以逻辑关系为架构（作品详见132页）4．确定表现形式
信息图的表现形式多种多样，这里主要包括发表媒介的选择、素材的选择和信息图种类的选择。A 发表媒介的选择
信息图发表的媒介：报刊杂志、宣传报告、网页，以及APP等。不同的媒介决定信息图的表现形式。如在纸媒中，信息图是静态呈现，而在网页和APP中则是动态呈现，可以与读者互动。B 素材的选择
信息图最常见的素材是计算机合成图像、手绘、实拍照片以及计算机绘制的插画等。有的设计师使用折纸、橡皮泥等作为图表素材，让作品更加有趣而吸引人。在这一步设计师可充分发挥想象进行自由创作。C 信息图种类的选择
我们通常见到的条状图、饼状图、曲线图、地图等都可以归类为信息图。那么信息图都有哪些种类呢？基础分类主要有六种：图解（Diagram）、图表（Chart）、表格（Table）、统计图（Graph）、地图（Map）和图形符号（Pictogram）。图解（Diagram）图表（Chart）表格（Table）统计图（Graph）地图（Map）图形符号（Pictogram）
这六大类信息图适用于不同类型的信息，但在实际设计中，一个完整的图表作品往往采用了其中几种信息图。5．制作草图
完成了前面的准备工作后，开始制作草图，将之前的想法呈现为视觉图像。草图只是一些粗略的统计图或图解，但它包含了该信息图需要表达的所有信息。完成草图后，编辑和数据分析师对草图进行编辑和修改，去除或修正其中多余或不合理内容，添加缺失的信息，甚至修改草图的表现形式。6．设计成型
经过修改之后，设计师可以进一步美化草图，添加、变换一些素材使作品更加生动，或者优化图表中各个板块的比例结构，作品在感官上更加均衡。最后，一张信息图表就基本成型了。7．检验与发表
编辑和数据分析师一起检验和校对信息图的内容，以确保数据与信息正确无误。完成确认后，一张新鲜的信息图就正式出炉了！优秀的信息图是怎样的？What is a great infographic？
将复杂的信息讲明白，就是优秀的信息图。信息图的制作初衷就是将数据可视化，以方便人们浏览，让数据一目了然。但仅仅做到这一点还不足以称为“优秀”，作为一种可视化的传递信息的介质，信息图还必须满足视觉上的美观。2009年2月，由国际新闻媒体视觉设计协会（SND）主办的新闻视觉设计大赛在美国纽约州Syracuse举行，评审结束后，图文设计组的专家们总结了制作理想的信息图时应该考虑的五大要素。吸引人（Attractive）
信息图要想引人注目，其需要有足够的视觉吸引力。清晰（Clear）
一张信息图最重要的宗旨是将信息完整地传递给读者，因此清晰的脉络或结构必不可少。简洁（Simple）
过多的元素会造成视觉负担，进而带来审美疲劳。如果以最简单的形式将问题表达清楚，去除不必要的信息，突出重点，那么这张信息图表一定也是最受欢迎的。流动性（Flow）
人在阅读过程中，视线是不断移动的。设计信息图时考虑到读者的阅读习惯，作品一定会给人带来良好的阅读体验。去文字化（Wordless）
信息图优于纯文字文本之处就在于其图文结合性。文字的过度密集容易造成阅读疲劳，所以一张优秀的信息图会尽量简化文字，以图像来传达意义。如何设计一张优秀的信息图？How to design a great infographic？
那么，如何设计一张优秀的信息图呢？不同的设计师有不同的见解。然而读者总能从一堆风格各异的信息图中找出最特别的那一张，通常这样一张信息图具有一些与众不同的特质。在这里，我们将对这些与众不同的信息图表设计技巧进行总结，方便读者参考。
改造你的条状图 捕捉时间的流动
制造视觉刺激 信息空间化
动动手，制作一个信息图
制造场景，演绎数据技巧1：改造你的条状图
条状图是信息图表中常见的一种统计图，适用于表现单一数据，或者多组数据的对比。传统的条状图由坐标和方条组成，由于方条的形状和颜色比较单一，设计师可以考虑对其进行改造和美化。参考以下几种改造方案。A 图案或图形填充
用某种图案来取代单一颜色，使条状图更加生动，舒缓色块带来的视觉疲劳。常见的图案式样包括斜线（螺纹状）和竖线（栅格状）。螺纹状条形图
为了让信息图多些变化，形象生动，设计师可以尽情使用快捷键Ctrl+C和Ctrl+V，即图形替换的填充方法，将抽象的条状图具象化，这样使数据更加清晰明了，更有说服力。（作品详见87页）
此作品呈现的是2001~2010这十年间排名前5的手机厂商的销量状况。设计师巧妙地将条状图变成了一部部手机，这样每个品牌销量的多少，以及不同品牌销量之间的对比一目了然。B 管状填充
某些百分比数据的条形图，采用将百分百数据与当前实际数据一同对比的方式，体现当前数据在完整目标中所占的比例，图形就像是液体占据了试管内的部分刻度。C 改变方条形状
如果你不满足于单调的条状图，不妨将其变个方式，将条状图的高度差转换为其他几何图形的面积差。如图，圆形代替方条，圆形的大小代表数据多少，数据的差异同样一目了然，不至于太单调。（作品详见60页）技巧2：捕捉时间的流动
时间是信息图中的一个重要因素，在很多信息图中，它直接搭建起了整个作品的结构，其他的图形设计都需在其基础上进行系统化。以时间的流动来处理信息，让作品在视觉上更加流畅。A 动态的时间
图表是通过视觉来完成信息的传递，而动态图表是图表的较高级形式，一旦从静态图表跨入动态图表，用户体验交互式的比较分析，其分析的效率和结果都会达到另一个境界。若是动态图表，“时间”可表现的条件就显得优越多了。（作品详见52页）
此作品将抽象的时间转换成宛如动画的静态图像，通过颜色变幻和背后时钟的走动来凸显作品在不同时间段的变化。B 时间的线性表现
因为人们所能感知的时间是线性的，所以常把历史和时间比喻成长河，有明确的指向性。时间的线性特质常运用在坐标图中，以X或Y轴指代时间，相应的另一轴则用来表现数据随着时间的变化。有时使用单向度的坐标轴，只以时间为主线来架构整个信息图，如下图所示。（作品详见103页）
此作品介绍一种未来的绿色社区生活方式。设计师以时间为线索，描绘了一个人从早到晚的一系列活动：起床、晨跑、购物、种植、工作等。每项活动都用一张简单的插图来说明，不同的插图用线条相连，形成一整天活动的时间线。C 线性时间的转换
有些情况下，时间并不处于非常显性的状态，而是隐藏在一系列先后发生的事件中。如设计师需要表达的信息是一项一项以先后顺序排列的工作内容，在这种情况下，可以被处理成线性的工作流程图，如下图所示。（作品详见85页）
设计师还可以走得更远一点，抛弃这种传统的表达方式，将时间的线性结构转换为一些我们所熟悉的场景，如下图所示。（作品详见168页）
这个作品介绍了一个服务平台APP的工作流程，设计师将其工作转换为一栋不停运输物资的大楼，读者可以通过物品在大楼不同楼层的运转情况，读懂该平台的运作模式。这样一来，读者看到的就不再是单调而抽象的线性结构，而是我们所熟悉的生活场景，这种信息图更加贴近真实生活，也更容易为读者所接受。技巧3：制造视觉刺激
信息图表需要借助视觉进行表达，而强烈的视觉刺激可以最大程度的吸引读者的注意力，以最高的效率将信息传递给读者。一般来说，考虑到篇幅的限制，信息图表中的内容都是高度浓缩的，很难再添加额外的素材。这时，如果设计师觉得有必要对作品的内容进行强调，不妨考虑一些疯狂的设计，直接给读者带来视觉上的刺激。A 色彩引导情绪
颜色影响人的情绪体验。调查研究显示，黑箱子看上去会比白箱子“重”1.8倍。人们所熟知的冷色调（绿、蓝）与暖色调（黄、红、橙），给人们带来冷静或亢奋的感觉。即便是同一种颜色，不同的饱和度也会带给人不同的心理体验。因此使用一种合适的颜色，无疑可以提高作品的吸引力与表现力。设计师可选择某种鲜艳的颜色铺满整个画面，或使用对比鲜明的颜色，区分不同元素或凸显某一元素，如下图所示。（作品详见72页）
此作品中，红色几乎充满了整个版面，而密集的人形给人带来了视觉冲击。设计师以近乎“暴力”的表现形式来阐释互联网上新兴而热门的跨地域、跨阶层的文化现象，让人印象深刻。B 图形元素带来视觉冲击
颜色可引起视觉刺激，因为人的各种感官是可以相通的，特别的图形通过联想同样给人以视觉冲击。比如在地铁门上一张手指滴着血的警示图，会使人产生联想，并自然产生痛觉的心理反应，提醒人们小心夹手，警示图就是利用了人们通感的心理反应。同样的，设计师也可以利用这一原理，制造一些会引发另一种心理反应的元素，如下图所示。（作品详见74页）
这个作品介绍了海洋中形形色色的废弃物。设计师采用插画的形式，展现出废弃物的样子，使其更像是一个垃圾桶。图中元素看似杂乱无章，可能会给人带来某种不适，但达到了视觉刺激的目的，提醒人们保护海洋环境。技巧4：信息空间化
信息图一般以平面媒介来表达，载体可以是纸，网页或移动设备。但这并不意味信息图一定要以平面图形呈现。事实上，很多设计师在尝试以立体方式展示信息。A 统计图空间化
信息空间化，比较简单的做法是将统计图，如柱形图、饼图、折线图等处理成立体形状，甚至直接用实物来制作，如下图所示。（作品详见200页）
这是一张俯瞰图，柱状图由实物拼成。黑色沙子为背景，用木桩勾勒出条状的轮廓，然后使用绳索缠绕木桩，编制出每条不同颜色的柱状图。B 信息实物化
当图表所指代的数据或信息不是工作流程之类的抽象事件描述，而是某些实物数据，如山的高度差、人口数量、动物种类等。设计师可以自己动手制作形似实体的素材，展示数据或信息，如下图所示。（作品详见208页）
上图设计师将布达佩斯（Budapest）城中的山丘按照不同的高度做成了一组立体图表。此作品既保留了山的形状，又显示出山峰的高度差，这样图表是不是更形象了呢？技巧5：动动手，制作一个信息图
当代设计一般借助于计算机制图，作品大多看起来很“完美”：精确计算的比例与线条、各部件之间紧密衔接和看不出任何修改痕迹的图形等。这些作品虽然在视觉表现上近乎完美，但也会给人一种冰冷没有生命的感觉。相比之下，手工作品可能并不完整，甚至是粗糙的。但是人们可以从中了解其制作的过程和小插曲。因此，手工作品凝聚了制作人的技艺与艺术构思，是有温度的工艺品。
用手工艺来制作信息图，可以让信息图更加生动，并且凸显出设计师的诚意。信息图常用的手工艺有折纸、泥塑、编织、绣缝和串珠等。A 制作手工素材
一张图表由多种素材组成：图形、表格、文字、数据等。若其中某一组成素材做成手工艺品，信息图则另有一番趣味，如下图所示。（作品详见220页）
这是一个探讨小孩“钱商”的作品，配合儿童主题，设计师用橡皮泥制作了这一系列素材，作为信息图的构成元素，使图表既符合主题，又生动有趣。B 手工信息图
如果信息图的结构比较简单，如整组信息数据只使用单一的统计图形式，设计师可考虑以手工艺品的方式展示，如下图所示。（作品详见224页）
这是一组饼状图，细看发现，图中每一个部件都是手工折纸拼接而成的。由于是手工制作，饼图中不同部件之间的缝隙可以清晰地看出手作的痕迹。但这并不影响作品的外观，反而使原本平淡的统计图看起来更独特。技巧6：制造场景，演绎数据
大部分人都会有这样的经验：阅读一本小说，可能只要数小时，但阅读一本同样规模的理论著作则可能花费数月甚至更长的时间。这是因为，相对于说明性或论述性的文字，叙事性文字更容易为人们所理解。信息图也不例外。
设计师们通常更加关注信息的层级关系，使其以一种清晰的逻辑结构展现出来，这样的作品更具有条理性。如果划分体裁，这往往就是“说明图”或“议论图”。如果设计师换一种方式，以一种叙事的形式，像拍电影一样呈现数据，这样的作品不仅会在视觉上更有吸引力，也更加平实易懂，如下图所示。（作品详见210页）
这是设计师为一家流浪者救助中心设计的年报，介绍了该组织这一年中所取得的成就。为了让数据更加生动，设计师设计了一系列场景，使用真人或实物来演绎这一场景，使得数据体现出一种故事性，犹如电影场景中的一幕。这种实物演绎的方式不但可以表达数据，同时也为作品增添了一些戏剧色彩。第2章设计师谈信息图设计
设计师们是怎样设计信息图的呢？
本章采访了十位经验丰富的设计师，他们的作品风格各异，但又都令人过目难忘。
英国设计师
Jore
英国设计师
James McNaught
中国台湾设计师
Tien-Min Liao
俄罗斯设计师
Anton Egorov
迪拜设计师
Hugo A. Sanchez
德国设计师
Lana Bragina
意大利设计师
Valentino Borghesi
意大利设计师
Matteo Giuseppe Pani
墨西哥设计师
Daniel Barba Lépez
印度设计师
Raj KamalAnton Egorov
Anton Egorov俄罗斯设计师，专注插画与信息图表设计。
Q：你在信息图表中的插画风格是怎样的？
我将我的作品命名为“糖果信息图”。在这些作品中，重要的不仅仅是信息，还包括视觉效果。比如你在介绍一辆车的时候，不能只介绍车的配置，还要让它的样子看起来更可爱，这样客户就会想要购买。我在做信息图表设计之前已经积累了丰富的插画与标志设计经验，所以我的大部分作品看起来很真实，而且色彩丰富。我的作品并不局限于展示数据，我还会尝试展示日程、计划、剪贴画以及其他的说明示例等。
Q：你是如何选择信息图表的主题的呢？
我并没有做过多少自发项目，大部分主题都是由客户指定的。当我需要在信息图中去显示某些信息或者解释某种情景时，我只能在观点或其它细节上进行选择。而当我需要在作品中显示数据或者数字的对比时，我的选择很多并且很有创意，我也很高兴看到自己创造出一种整合的形式来呈现所有的信息。
Q：你在创作过程中是如何整合信息，选择一种最优表达方式的呢？
在我的工作过程中，分析是很重要的一步。一开始我会有一些原始的信息——有时候是几页文档，幸运的话则是一些表格。我需要从这些数据或者报告中整合出一种最准确清晰的形式，可以让所有的信息一目了然。知道哪些数据可以用来比较，哪些不需要比较，这很重要，而读者的需求是判断可否比较的标准。总的来说，在设计一张信息图表时，你必须明确你的目标是什么。我会在设计的过程中牢记这一切，也会以一个陌生读者的身份来审视已完成的作品。
此作品是为一个名为Agroreserv的农产品公司设计的信息图，介绍了该农场每年的产出量，饲料消耗量，饲料的构成及比例等。设计师使用了实拍照片后期处理和3D绘图技术来制作材，并将素材设计成图解和统计图来表现数据。Hugo A. Sanchez
Hugo A. Sanchez平面设计师，阿拉伯联合酋长国《Gulf》报纸专业设计师。
Q：你怎样安排作品的结构层次？
这取决于作品中需要被强调的部分。比如，我发送给你们的大多数作品都有一个核心的元素，围绕着这个元素，我会展示一些关于它的细节信息，比如它是如何运作的？如何组合起来的？有没有用到一些新的工艺技术等等。但是每一个项目的要求是不同的，表达的方式也各不相同。在开始一个项目前，一个很重要的工作是：弄清楚有多少信息需要被转换成视觉元素，并且吸引到读者。
Q：作品的结构层次有多重要？
至关重要！如果没有层次，你是不可能吸引到读者的，而他们如果不感兴趣很快就会走开。信息图表并不是徒有其表的插画，每一个元素都必须承载着实实在在的信息。作为信息图表设计师，我们首先必须要读懂这个项目，这是整个设计环节中最重要的一步，每个设计师都必须要做到。
Avengers Assembled《召集复仇者》是设计师为迪拜《Gulf》报纸创作的一张信息图，介绍了最近几年在好莱坞如日中天的“复仇者联盟”系列电影。设计师详细介绍了每一个电影角色的身世、技能、主要事件及扮演者等信息。信息图使用数码照片后期合成技术以及矢量插画制作素材，并采用图解的方式呈现信息。
Q：信息图表的普及是不是也重新定义了文字与图片在报纸或网络上功能呢？
那是自然的，在出版之初，信息图表就成为一种呈现数据的方式。人们几乎从原始社会时期就开始使用图片来表达信息。作为一种编辑的方式，信息图表在这几十年的时间得到了长足的发展，它可以使用图解或者图片代替成百上千的文字来讲述一个故事或者阐释某种数据，并且可以第一时间抓住读者的注意力，帮助他们最快地理解信息。
信息图表进入到网页或者移动设备中是一种合乎逻辑的发展进程，它使得与读者的互动成为可能，并使得叙事变得更有趣。如今很多以信息图表为主的网站（比如visual.ly和infogra.me）也逐渐流行起来。这些网站通过社交媒体来分享信息，接受读者的反馈，同时也创造出更多的作品。任何人都可以利用网站上的工具来创作不同的信息图，即使你没有多少创作经验。这种方式从另一方面加速了信息图表的普及。我们并不否认一张好的信息图表可以对新闻或某一特别的元素进行强调与补充。幸运的是，很多报纸或杂志开始留出更多的空间给不同的信息图作品。插页、增刊可以容纳更大型的信息图表，而网页上的空间则更为灵活。
Q：可以和读者分享一下创作信息图表的经验吗？
我在做这项工作之前已经积累了相当丰富的经验，而一年半以前我决定搬到迪拜去。现在我有了更多的创作自由，我对于现在这种状况和成果感到很自豪。我很喜欢这个说法——一位信息图表设计师同时也是一位博物学家，因为一个项目需要整合各方面的信息：寻找资源、整合信息、绘出草图、制作素材（如今我的大部分素材都是使用3D建模技术，我喜欢这项工作的每一个流程）、编写信息并最终将一个作品设计成形。这个过程中会有许多的挑战，也会学习到很多技能或方法，而最后作品成形的时候也是最令人兴奋的。Lana Bragina
Lana Bragina德国设计师，擅长信息图表设计和手工编织。
Q：你认为你的作品风格是怎样的？
我觉得我的作品是极简的、抽象的，有一点幽默而又承载了一些信息。我很喜欢箭头，因此我的作品中会有很多箭头。我感觉我可以抓住这些作品中最有魅力的部分。
Q：你的创作灵感是从哪里来的？
我常常会受到周围事物的启发，会在我所有的活动中找到事物的相关性，找到可以连接起来的信息或内容。编制、烹饪、散步甚至制作酸奶，每一件事情都可以启发我去设计信息图。
Q：你如何赋予你的作品以独特风格？
我从来没有有意识地去选择一种风格。我喜欢以自己的方式去解释一些事物，也喜欢一些简单的矢量美学，比如箭头！
以下两组作品是设计师自发的有趣实验。设计师很喜欢编织，她决定以编织的方式来制作信息图。她编织了一系列手工艺品作为统计图，以纪录旅途信息。这两个编织作品在坐车途中完成，每经过一个车站就换一种颜色。人们只要通过颜色的编织多少知道这段路程。
设计师用毛线的不同颜色去代表德国汉堡地下铁路的不同线路，将代表该时段线路的毛线续接缠绕，最终围成一个圈。Valentino Borghesi
Valentino Borghesi意大利设计师，专注于品牌、书法字体等设计。
Q：一个优秀的信息图表有什么特点呢？
一个优秀的信息图表作品应该集简约与复杂于一体。有时候设计师会为了追求一种更高的格调而忽略了作品的可读性，使得作品过于复杂而不被读懂。因此需要平衡这两者之间的关系。
Q：你会计划地去进行信息图表的创作吗？
没有。我只是对数据很感兴趣，并参考我所看到的每一件作品。我从中学到了很多，这种感觉超级棒，因为你在你所感兴趣的领域里永远会做得更好。
试读结束[说明：试读内容隐藏了图片]