新闻来源:onextrapixel.com
能被理解的信息才是有用的信息,这就是 Inforgraphics 的意义。什么是 Infographics,简单说,就是将复杂的数据视觉化,Infographics 的真正意义是通过视觉化的图形,展示数据中蕴含的东西,它的趋势,分布,它隐藏的意义,或者单纯的数据之美。

Infographics 的渊源

用图形表达抽象数字或意义,就是 Infographics 的日常渊源。最早可以追溯到数百甚至数千年,比如原始人的壁画。

如今,Infographics 用在社会的各个领域,数学,地图,新闻媒体,教育,旅游,医药,政治,乃至宗教。人类的大脑更容易通过表象看到其背后的东西,这就是可视化表达,或者 Infographics 存在的意义。
Infographics 详解
Infographics 是信息,数据,以及知识的一种视觉表现,当人们需要更清晰无误地表达复杂信息的时候,会首选想到图形。传统的 Infographics 可以是诸如标志,地图,图解等视觉元素,以帮助人们理解文字内容,这些视觉元素更多是代表来自统计结果的一系列数据,而现代 Infographics 则更富有创意和想象力。

Infographics 的设计遵从以下原则:
- Infographics 必须非常容易理解,即使是孩子也能明白其表达的意思。
- 它表达的是那些被隐藏的,不清晰,不明显的信息。
- 它的视觉元素用来帮助理解信息中包含的意义。
- 它必须是独立,无歧义的。
- 它需要为阅读者传递正确的意义。
The Web Before Twitter (Twitter 诞生前的 Web)

The Web After Twitter (Twitter 诞生后的 Web)

Trend Stream Social Web Involvement (社会化 Web 的全球分布状况)

The Internet Undersea World (全球海底光缆分布图)

Facebook Vs Twitter (Facebook 对决 Twitter)

Building a Company With Social Media (如何借助社会化媒体创办公司)

Breakdown of the Blogosphere (博客圈统计细分)

Michael Anderson – Resume Infographics (Michael Anderson 的履历表)

The Global Warming Infographic (全球暖化问题)

Evolution of Storage (存储技术的演化)

How Come Cheap Flights Are So Cheap (低价航班为什么这么便宜)

How Long Will Our Resources Last (人类的资源还能维持多久)

Humans Vs. Animals (人与动物的对比)

How To Pick Up Girls Using Your iPhone (iPhone 把妹指南)

15 Things You Should Know About Breasts (关于乳房的15个需要知道的知识)

60 years of Federal Republic of Germany (德联邦60年)

US data consumption in one day (美国一天消耗的数据)

Blog Post Journey (一篇成功的博客文章的人生轨迹)

Which Blogging Platform Should You Use? (各大博客平台的分布)

对于海量数据的可视化,这个工具值得一试,包含一个 JavaScript API,可以同 Google 的电子表格,iGoogle 以及开放社会网络集成。

Flex
Flex 内置图表控件,可以快速生各种效果的图表。使用类似 SVG 的 FXG 技术。这里有一个很好的教程,还可以参考 James Whittaker 关于 FXG 和 Degrafa 的文章。另外,Creating Visual Experiences with Flex 3.0 这本书也是案头必备。

JSCharts
Ajax.org
一个纯 JavaScript 实时图表生成平台。

BirdEye
用于 Adobe Flex 的可视化数据分析类库,基于 actionscript。
Google Chart API
Google 的图表 API。

DojoX Data Chart
基于 Dojo 的图形工具

Dundas
.NET 下老牌的数据图表工具。

Degrafa
一个图形框架,用于创建 UI,可视化数据,地图等。

Flex Monster Pivot Table and Charts
提供 Flex/Flash 数据透视表,用于 RIA 应用的开发。

本文国际来源:onextrapixel.com Huge Infographics Design Resources: Overview, Principles, Tips and Examples (原文作者:Bima Arafah)
中文编译来源:锐商企业CMS 网站内容管理系统 官方网站