数据之美:Infographics 终极探索

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

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

Infographics 的渊源

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

如今,Infographics 用在社会的各个领域,数学,地图,新闻媒体,教育,旅游,医药,政治,乃至宗教。人类的大脑更容易通过表象看到其背后的东西,这就是可视化表达,或者 Infographics 存在的意义。

Infographics 详解

Infographics 是信息,数据,以及知识的一种视觉表现,当人们需要更清晰无误地表达复杂信息的时候,会首选想到图形。传统的 Infographics 可以是诸如标志,地图,图解等视觉元素,以帮助人们理解文字内容,这些视觉元素更多是代表来自统计结果的一系列数据,而现代 Infographics 则更富有创意和想象力。

Infographics 的设计遵从以下原则:

  • Infographics 必须非常容易理解,即使是孩子也能明白其表达的意思。
  • 它表达的是那些被隐藏的,不清晰,不明显的信息。
  • 它的视觉元素用来帮助理解信息中包含的意义。
  • 它必须是独立,无歧义的。
  • 它需要为阅读者传递正确的意义。

以下是 Infographics 的分类图:

Infographic 最佳实践

能被理解的信息才是有用的信息。

有效地组织信息

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 (博客圈统计细分)

The Magic Bean Shop & The Fries That Bind Us (星巴克,麦当劳以及其它)

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

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

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

InfoGraphics 工具集

Axiis

基于 Flex 的数据可视化工具,准确,表现丰富。

Chronoscope

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

Flex

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

JSCharts

一个 JavaScript 图表工具,拥有很多模板。

Google Chart API
Google 的图表 API。

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

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

本文国际来源:onextrapixel.com Huge Infographics Design Resources: Overview, Principles, Tips and Examples

中文编译来源:锐商企业CMS 网站内容管理系统

本文链接:数据之美:Infographics 终极探索

相关文章
|
2月前
|
算法 程序员
探寻技术之美:代码世界的奇妙旅程
在数字化时代,技术已经渗透到生活的方方面面,而作为程序员,我深深感受到了代码世界的奇妙之处。本文将带领读者一起探寻技术之美,感悟代码背后的精妙之处。
|
8天前
|
设计模式 算法 开发者
代码之美:在简约中寻求高效
【5月更文挑战第3天】 在软件开发的世界中,代码不仅仅是一种交流工具,更是艺术的表达。本文将探讨如何通过精简和高效的编码实践来提升代码质量,降低维护成本,并最终实现技术与美学的和谐统一。我们将透过实例分析、设计模式的应用以及重构技巧的讨论,揭示编写高质量代码背后的哲学和实用策略。
|
11天前
|
算法 测试技术
代码之美:从功能实现到艺术创造
【4月更文挑战第30天】 在编程的宇宙里,每一行代码都承载着逻辑与功能的严谨性,但在这背后,隐藏着一种创造力与美学的追求。本文将探讨如何将日复一日的编码工作转变为一种技术艺术形式,揭示代码美学的内涵,以及如何在保证功能性的同时提升代码的审美价值。
|
12天前
|
人工智能 前端开发 JavaScript
前端:魅力与技术并存的艺术
前端:魅力与技术并存的艺术
9 3
|
1月前
|
设计模式 算法 开发者
代码之美:探索编程艺术与实践的交汇点
【4月更文挑战第2天】 在数字世界的构建中,代码不仅仅是一种工具,它亦是艺术家手中的画笔。本文旨在探讨编程作为一种技术和艺术相结合的领域,揭示那些隐藏在代码背后的美学原则和创造力。我们将从编程的基础出发,逐步深入到设计模式、算法优雅性以及代码的可读性和维护性,最终探讨如何通过技术实现创新并解决问题。文章的目的是为那些渴望在技术实践中寻找创造性和美感的开发者提供灵感和指导。
|
2月前
|
算法 程序员 UED
探索编程之道:从功能实现到艺术创造
【2月更文挑战第18天】 在数字世界的构建中,编程已不仅仅是逻辑与算法的堆砌,它正逐步演变成一种创造性表达的手段。本文将探讨编程从基础的功能实现向高级的艺术创造的转变过程,分析编程者如何通过技术深入、创新思维和持续实践,提升其技艺至艺术境界。我们将审视几个关键要素——技术的深度理解、设计的美学融入以及代码的工艺精神,并讨论它们如何共同作用于编程实践中,以培养出能够编织数字世界之美的编程艺术家。
|
11月前
|
算法
谈一谈|浅谈单纯形法其中奥妙
谈一谈|浅谈单纯形法其中奥妙
123 0
|
数据可视化
用艺术的眼光探索数据之美
独特的数据可视化技术,用于深入了解数据。当我们观想它时,它的美就显现出来了。
用艺术的眼光探索数据之美
|
存储 XML 编解码
图形学 | 蓄势待发!说一说图片相关的那些概念
图形学 | 蓄势待发!说一说图片相关的那些概念
125 0
图形学 | 蓄势待发!说一说图片相关的那些概念
|
前端开发 程序员 开发者
十年老友记 | @风逐蓝天:编程是一种表达和创作的方式
十年老友记 | @风逐蓝天:编程是一种表达和创作的方式
101 0