综述

图形信息,是一种以可视化方式来反映数据的途径,也被称作“信息图”(infographics)。近年来,此类图像在网页制作领域得到了广泛运用。这样做的好处是,注意力相当分散的网页浏览者会在瞬间将视线落在这些色彩亮丽、“BlingBling”的图形上,而图形里所蕴含的有价值信息也得到了清晰传递。通常,这些“轻量化”信息都能开门见山地切中要害,而且相当有趣,令你对那些统计数据究竟想表达什么感到茅塞顿开。

更何况,又有谁会一张五颜六色、思想丰沛的维恩图说“不”呢?more此外,从昔日博客取得的成功经验来看,信息图被分享的范围会远远大于单一的博客站点、杂志报纸。这就意味着,将有更多的眼球停留在你的重要信息上,有更多的人 将为你所提供的内容而聚合。简而言之,一张高质量的信息图可能正是你所需要的。

由于网络用户对可视化信息的需求不断增加,信息图的使用也变得越来越重要。某些网站已经在Pinterest(一个非常热门的新型社交媒体网站)上就不同的信息图分类制作了“图钉板”(Pinboard,Pinterest网站的一种新型分享方式,视觉效果类似现实生活中使用大头针的公布栏)。因此,无论你要做什么事情,都应当考虑一下制作一些与你所要传递的信息相关的信息图。在制作信息图的过程中,一定要尽可能地保持简洁。避免在一张图中植入太多的信息。在设计信息图之前可以先准备一个提纲,打个草稿。


设计一张信息图

设计信息图的一些重要提示

  • 让它保持简单!不要尝试在一张图片里做太多事情。
  • 选定一个配色方案。
  • 搜索一些重要元素与统计数据。
  • 把它想象成一篇可视化文章:确保你的论点与图表具有相关性。
  • 请记住:你所做的一切都是为了快速传递隐藏于复杂数据背后的意义。
  • 得出你的结论。
  • 注明图表中各元素的信息源及含义。
  • 注明制图人员身份,以确保人们能了解这张图是你做的。

一些基本的信息图格式

  • 时间轴
  • 流程图
  • 加注释的地图
  • 曲线图
  • 维恩图
  • 大小对比图
  • 相似要素、大小及数值展示

创建你自己的信息图

  • 策划及研究
  • 在必要的情况下,使用一些软件创建简单的图形与可视化数据
  • 借助矢量图形设计软件将可视化效果植入信息图

最后,如果你掌握一定的设计技能,那么最佳方案就是自己动手,用矢量图形软件来创作简单的图表与插图。如此一来,你所制作的信息图将更具视觉吸引力,而在制作过程中,你将体会到更高的自由度。


在线信息图制作工具

Visual.ly

甫一上线,Visual.ly便迅速成为一座信息图大作的在线仓库,同样也是一个最为高效的信息图制作及分享工具。尽管Visual.ly的建站历史并不长,但已有1.1万张信息图被添加到该网站。该站点由3个部分组成:网页信息图搜索引擎、公共数据存储和信息图在线制作平台。你可以利用自己的Facebook档案来制作“Facebook Monster”,也可以借助Visual.ly的Twitter工具来生成有关Twitter使用情况的信息图。

Stat Silk

Stat Silk能帮助你创建出令人称奇的交互式可视化信息,你可以将这些可视化信息用于制作静态图像。你可以在浏览器中使用该工具,也可以免费下载到本地。Stat Slik能让你得到一些重要的全球性数据,并允许你在自己的信息图中对其进行自定义。此外,它还提供一些基于地图的可视化数据。

Hohli

Hohli是一个简单直观的在线图表制作工具。从选择图表类型、添加数据,到更改图表尺寸、颜色,再到预览成果,一切简单得令人难以置信。此外,通过Hohli制作的图表设计考究,视觉效果非常出色!

Creately

Creately是一项基于网页的图表服务,能够帮用户做出专业的信息图。Creately能让你很方便地完成一些图解及流程图(与其他软件配合使用也很方便)。在开始使用的时候,你可以根据设计要求来选择相应的图表类型编号,进而快速添加数据来制作图表。 你可以利用Creately制作流程图、维恩图、故事板、网络图、组织图和网站地图。从本质上说,这项服务是需要收费的,但免费的试用也是值得尝试的。此外,那里还有许多模板和专业配色方案可供选择,以方便用户上手。

Many Eyes

Many Eyes 允许你上传自己的数据或使用存储在网站上的数据。这些可视化效果本身设计精良,看上去非常专业。在用自己的数据在线制作信息图的方面,Many Eyes无疑是最为简便的方法。

Google Public Data

Google Public Data可以让你方便地获取公共数据,并根据你的选择将其转化为信息图。这些美观、鲜艳的图形能完美地简化并传播数据。

Wordle

Wordle可以根据你键入的文本来生成以单词为基本元素的可视化效果。该工具中有大量有趣的设计效果可供选择。你可以输入整本书、一篇短文或看看其他用户都用了哪些文本。在这个案例中,我们可以看到经过可视化处理的美国宪法。

amCharts

一套基于JavaScript/HTML5语法开发的免费图表制作工具。无论是设计静态信息图还是可嵌入网页的动态图表,它基本覆盖了你的绝大部分需求!序列图、饼图、圆环图、雷达图、极坐标图、XY图和气泡图,统统不在话下。此外,amCharts支持多种浏览器,兼容各种网页标准。

Bubbl.us

一个免费的在线头脑风暴工具,能够帮你轻松地做出一张思维导图,以便打印或分享。它还能对网页进行截屏,方便你将这些创意融入自己的信息图、报告或其他内容。

Cacoo

现在你可以通过实时协作的方式在线制作一些抓人眼球的图表!Cacoo是一个对用户非常友好的制图工具,可以让你创建各种各样的图表,其中包括网站地图、线框图、网络图等。尽管免费版会受到更多限制,但功能已经非常强大了。

Chartle (Beta)

一个简单的网页工具,能够创建一些漂亮的图表和曲线图,类似美国地图、维恩图这样的预置模板将使图表制作过程变得更为轻松。发布、分享和嵌入等功能可以使你的作品或截图成为信息图中的重要元素。

ChartsBin

一个基于网页的数据可视化工具,它可以帮助每个人快速而便捷地利用手边的数据来制作交互式可视化信息。接着,你可以与别人分享自己的交互式可视化信息,或将其嵌入自己的网站、博客,甚至发送到Facebook和Twitter上。

Data360

对于你的信息图来说,Data360堪称一堆无主珍宝,它能为你的信息图提供大量有用的最新信息。Data360所覆盖的话题非常广泛,其中包括经济、社会、潮流、能源、环境和各国信息。如果你正在寻找各种资料和统计数据,请从这里开始吧!

Gephi

一个免费且跨平台(Windows、Linux、Mac)的交互式可视化信息探索平台,能提供实时的数据可视化服务。该平台对交互式数据的研究较为深入,擅长处理体量庞杂的数据,并从这些数据中汲取知识,能够利用复杂的数据和系统制作视觉效果出众的信息图。

Gliffy

免费制作视觉效果惊人的图表,包括具有专业品质的流程图、曲线图、建筑平面图、技术图纸和另一些有用的视觉信息,你可以将其置入自己的信息图。

InetSoft Visualize Free

一个免费的可视化信息分析工具,能够针对多维度的数据进行筛选过滤,最终发现这些数据的倾向和误差,并就此进行交叉分析及修正。该网站中包含一组非常实用的预置数据集和可视化元素,供你随时调用。

Lovely Charts

一个用来制作各种专业图表的在线高级工具,流程图、网站地图、业务流程图、组织图、线框图等都可以用Lovely Charts完成。该应用拥有网页(完全免费)、桌面及iPad三种版本,后两种需要收费。

Mind42

一个在线协作思维导图制作工具。你能在Mind42的帮助下管理自己的创意,使你的头脑风暴可视化,同时你也可以对自己的作品进行截屏,加入清晰的结构和简单的文字,呈现在最后的信息图中。

Mindomo

另一个制作头脑风暴和思维导图的在线工具,能够帮你制作美观的信息图,使你的思想和创意变得清晰可见。

Online Chart Tool

一个简单的免费网页工具,能用来生成图表。你只要点选相应的按钮,就能制作条形图、线型图、饼图、气泡图等等。你可以对作品的字体和颜色进行自定义,接下来只需保存或分享即可。

Re.vu

想把信息图当成一份简历来用?没问题!Re.vu是一种提供“视觉简历”的全新方式,它能以一种更容易被人记住且感染力强烈的方式来讲述你的故事,向你的潜在客户或老板展示你的专业经验。

Tagxedo

一个在线工具,能将单词(引文、标语、标题、文章——一切你想要的东西)转化成视觉效果华丽的“单词云”。这种有趣的元素是制作信息图、博客或网站的好帮手。

Vizualize.me (Beta)

另一个制作简历的网站,它能将你的工作经历和专业经验制成漂亮的信息图。你只需将自己的LinkedIn账户与之关联,就可以轻松地使用Vizualize.me提供的“视觉简历”制作工具。

Visualizing.org

在为做信息图的数据和灵感发愁?不要去别的地方找啦!Visualizing.org是一个资源丰富的信息库,这里汇聚着大量来自互联网的数据以及众多条理清晰、设计美观的信息图。同时,该网站也是设计师、“极客”以及教育工作者频繁浏览的社区。你一定能在这里找到一些有用的东西。

WolframAlpha

非常有用的统计分析及研究工具,你可以用它来计算数据、进行预测,或让它处理一些繁重的数字运算,以方便你绘制信息图。

Dipity

想得到一张简单美观的时间轴图片?没问题,用Dipity来创建这种具有高度视觉冲击力的信息图实在是太简单了!你可以把Dipity看成一种特殊的记录工具,通过制作多媒体时间轴,你便能够在历史上留下各种“记号”。

Easel.ly (Beta)

Easel.ly是一个对杂志编辑来说非常有用的信息图参考网站,它发展至今只有一年不到的时间,因此还是Beta版本。因此,该网站在开发网页工具方面还有更大的发展空间。可尽管如此,Easel.ly依然能让你轻易地制成不同种类的图表,只需轻轻一点,动动鼠标,一切就完成了,根本无需掌握任何的信息处理技能。

Venngage

对于同类产品来说,Venngage(该网站的名字似乎取自“维恩图”)是一个双重威胁。它能帮你轻松制作信息图和其他可视化数据,然而更重要的是,它还能帮你分析哪些人正在浏览你的信息图。因此,学生朋友可以用它来比一比谁做的信息图更受欢迎。

Infogr.am

最简单的信息图工具之一,Infogr.am允许你将自己的数据导入站点,然后将其转译成有用的可视化形式。还有什么能比这更好?该网站非常适合处理那些对“人数”变量较为敏感的信息流,并以尺寸较大的海报招贴形式输出。

What About Me?

想要炫一下自己玩社交媒体的技巧吗?Intel折腾出一个有趣且便于分享的工具,它的名字叫“What About Me?”,它允许你以自己的社交媒体账户为基础制作一张信息图。Visual.ly也能做到这点,但这个工具与社交网络的关系更为紧密。比方说,你可以随时把自己的Youtube账户使用情况拿出来晒一晒。因此,对社交达人来说,这无疑是件很称手的兵器。

Piktochart

Piktochart是对所有话题进行可视化处理的绝佳方式。借助Piktochart提供的主题及其他预置工具,你只需轻轻拖放一下就可以成功制作出漂亮的信息图。Piktochart有能力让任何人在一瞬间成为一名出色的图形设计师(甚至不需要掌握任何设计技能)。

iCharts

在iCharts的帮助下,你可以在几分钟之内做出好看的交互式图表以及便于分享的可视化数据。iCharts令“可视化”、分享及传播数据的过程变得简单。

Timeline JS

TimelineJS是一个经过精心制作的时间轴工具,使用起来简单而直观。你可以利用Twitter、Flickr、Google Maps、Youtube、Vimeo、Dailymotion、Wikipedia、 SoundCloud等网站的内置支持,从不同的信息源中将各种多媒体文件拖入你的时间轴。

SIMILE Widgets

SIMILE是一个免费的开源网页插件,能够用于制作可视化数据。


信息图制作软件

Tableau

Tableau是一个仅适用于Windows操作系统的免费信息图制作软件。如你所见,这些图表色彩丰富、独一无二,能给人留下极为深刻的印象。

Gapminder

Gapminder是一个基于Adobe Air制作的免费应用,它能确保你及时获得有关世界重大问题的最新数据,还能根据你的目的来创作可视化文件。Gapminder的数据每年都会更新,并随着新版本应用一同发布。这些图像同样令人难忘!

Inkscape

Inkscape是一款适用于多平台的免费矢量设计软件。它是一个用来创作信息图全局效果的理想选择。Inkscape的操作简单直观,你可以毫不费力地导入可视化元素,并将它们与其他图像结合,生成你的杰作。

JSCharts

即使没有写JavaScript代码的经验,你也能用JSCharts很方便地生成令人难忘的图表,比方说饼图或其他的线状图。你可以对生成的作品进行截屏以植入最终的信息图,也可以将它们嵌入博客或网站。

Microsoft Office

Microsoft Office可谓无处不在,但它的信息图制作功能却常常被忽视。无论你使用免费的网络版,还是需要安装的完整版,你都已经获得了使用Excel、PowerPoint和Visio等软件的机会,对需要制作信息图的你来说,这些软件都很有用。

Photo Stats

这是一款值得尝试的iPhone应用。它可以对iPhone里的照片进行分析,并将它们转化成俏皮的信息图。该应用非常简单,但每隔一段时间使用一次都充满了乐趣。Photo Stats的价格为6元人民币(0.99美元),是反映iPhone相机使用情况的好帮手。

InFoto Free

这么说吧,InFoto Free就是Photo Stats的Android版本,而且它是免费的!它能借助照片统计分析器就你的拍照习惯做出一张信息图。在InFoto Free的帮助下,你能以自己的照片库为基础,制成一些漂亮的高像素信息图。它能告诉你一些被忽视的信息,比方说你喜欢在一天中的哪个时段拍照,你喜欢竖构图还是横构图,或者你喜欢在哪个城市拍照。


爱上信息图了吗?

如果你是信息图的忠实粉丝,上述工具可能会成为你每日必用的创作工具。如果你还有更多工具可与大家分享,请不要犹豫,赶紧在评论中告诉我。


相关教程

How to Create Outstandinganding Modern Infographics

Infographic Designs: Overview, Examples and Best practices

Tutorial: Create Cool Infographics

10 of my Favourite Infographics

40 Useful and Creative Infographics

Seven and a Half Steps to Successful Infographics

The Anatomy of an Infographic

10 Tips for Journalists Designing Infographics