`
march_long
  • 浏览: 4658 次
  • 性别: Icon_minigender_1
  • 来自: 成都
最近访客 更多访客>>
社区版块
存档分类
最新评论

Infographics(信息图表)制作指南

阅读更多

Infographics(信息图表)制作指南
本期极客攻略由OAKMIKEOAK 撰写。
http://www.geekpark.net/entity/view/121225
这是一个信息爆炸的时代,面对如此纷繁复杂的信息社会,我们固有的信息理解方式显然跟不上时代的步伐,在理解庞大的数据和复杂的信息时,只有文字是不够的,于是,一个可视化信息表示工具-Infographics诞生了!

一、Infographics 解析
Infographics,中文名称信息图表或数据图表,是一种对信息数据进行视觉化展示的技术。它可以精准而清晰地利用视觉化图形展示出通常看来难以理清的繁杂信息的相关趋势或内涵意义。
为什么要有Infographics?因为能被理解的信息才是有用的信息,Infographics 不但把杂乱的数据变成视觉上的享受,也满足了人们在信息上和知识上的需求。这正是Infographics 的存在价值。
你可以在这里查看关于Infographics  的TED 视频。
Infographic的特性:
1、可以帮助人们迅速理解一个抽象概念
2、相比传统图表内容更加丰富
3、鼓励读者更进一步的去了解图表的内容
4、帮助自己的图表胜人一筹
5、用图形来説故事,让重点更突出
传统的Infographics 一般是简单的图像化数据统计信息,而现在,Infographics早已遍及各个领域,多元性和创意元素无处不在,让人们不禁感叹:理解信息原来也可以这么享受。

二、优秀资源站推荐
1、Cool Infographics

信息图片经典作品收藏站,更新频率一般,但皆是经典。
2、The Infographics Showcase

Infographic 的收集站,收录质量很高,并都有详细的介绍。分类做的相当细致,和类似站点按图形种类分类不同的是,该站是按内容分类的。比如细分了Animal,Business,Entertainment,Environment,Food,Pop Culture,Sports 等等。
3、Visual Loop

更新速度惊人的收集站,其中不乏精品。
4、Chart Porn

界面简洁的收藏站,更新频率一般,质量普遍不错。
5、Style & Flow

Infographic的收集站,上线时间不长。网站每页显示4*3个缩略图,找图和浏览都比较方便。介绍比较稀少,大图有时被切分成几个小图片,不能放大图片。
6、Infomation Aesthetics

Infographics的分享blog,文章列表很有特色。配有介绍文字,内容涉及面很广。
7、Junk Charts

老牌的信息图表分享blog。质量一流。
8、Neoformix

这个站作者是Jeff Clark。他最独特的就是各种各样的Tag Clouds,而且基本都是互动图表。作者还提供了很多小工具,可以生成自己的图形。使用的图形编辑软件是Processing。
9、Column Five

由一个视觉化内容的创作小组出品。该小组提供多种服务,除了信息图表,还有交互设计,blog 美化等等。他们的作品色彩明快,图例简洁,布局和留白也很出色,相当的现代感。主题清晰,又充满创意,非常有趣。
10、Good Magazine

由著名品牌杂志GOOD 精心挑选的信息图表库,内容涉及各个领域。
三、Infographics DIY
Infographics 由3个元素组成:故事idea、数据、设计。

制作步骤:
1、构建话题。抛弃只是制造一个图表的想法,从内容和数据入手,构建一个故事。
2、采集数据和图片。从资料库和互联网收集相关资料,需要一定甄别及编辑能力。
4、利用工具制作。把素材整理并按照故事架构制作出图表原型。
5、对图表进行修改美化。使用专业软件美化图表,如Adobe Illustrator 或Photoshop。
6、编写补充内容。补充内容是对图表的说明或扩展,简单扼要。
Infographics 的设计遵从以下原则:
1、一切都是为了让读者与内容更好地沟通。核心准则、
2、必须非常容易理解,即使是孩子也能明白其表达的意思。
3、表达的是那些被隐藏的,不清晰,不明显的信息。
4、视觉元素用来帮助理解信息中包含的意义。
5、必须是独立,无歧义的。
6、需要为阅读者传递正确的意义。
你也可参考设计Infographic 的十条建议。
设计主要从以下几个方面着手:
1、布局。目标是使信息展示简洁和美观。建议结合“黄金分割”之类的经典设计理论。
2、色彩。色彩会影响到信息的可读性,色彩要随着周围环境的变化而变化,紧扣主题。
3、文字。选用字体数量不宜过多,同时要注意它的物理形态及逻辑结构。
4、图表整体美化。对所有元素进行整合和交叉处理,做到统一但不同一。
你还可以使用以下 Infographics制作工具:
1、Statplanet
2、Hohli
3、Creatly
4、Manyeyes
5、Tableau Public
6、Google public data explorer
7、Gapminder
8、World Mapper
9、GunnMap
10、Inkscape
四、一图胜千言
当你敲打1万字的文章时,你是否认为一张图能让你的文章减少一千字呢?
互联网用户烦躁的,移动互联网用户更烦躁,一张好的信息图表能让读者更好地、更快地理解文章,今天就试试信息图表吧。

 

分享到:
评论

相关推荐

    infographics:信息图表

    标题中的“infographics:信息图表”指的是利用图形和视觉元素来呈现复杂信息或数据的方式,旨在提高理解效率和吸引力。这种技术广泛应用于报告、演示、新闻报道和网站设计中。在IT领域,信息图表通常结合编程语言和...

    AE扁平化数据图表表格制作脚本 Aescripts AEInfoGraphics v1.3

    在信息图形(InfoGraphics)领域,数据可视化是一种将复杂数据转化为易于理解的图像或图表的方法。通过使用AEInfoGraphics,用户可以将数字和统计数据转化为动态的、交互式的图表,这在报告、演示文稿或在线媒体中...

    Infographics:信息图表D3练习的Github存储库

    Github和开放数据 该存储库和相关练习旨在说明您如何使用Github来管理数据和发布高质量的可视化效果。 完成存储库的设置后,您应该可以在上查看输出。

    50张国外经典信息视图(infographics)集合

    50张国外经典信息视图(infographics)集合,谁用谁知道:-)

    infographics.js:infographics.js。 使用svg信息图表libaray

    #Infographics.js作者: 提交者: 贡献者: 测试人员: 该库的目的 在HTML上简化Inforgraphics。 用法 有待填补 占用的班级名称 将来用表格填充 版本控制 有待填补

    24页多彩渐变风PPT图表.pptx

    2. **信息图(Infographics)**:信息图是将数据、统计信息和概念用图形化的方式展示,有助于简化复杂信息。文件中的样本文本“INFORGRAPHICSAMPLE TEXT”显示了如何使用信息图来表达Lorem ipsum文本,这可能是用于...

    Algorithm-infographics.zip

    "Algorithm-infographics.zip"这个压缩包,显然包含了关于算法的视觉化信息图形,旨在帮助我们更好地理解和掌握数据结构和算法的核心概念。 数据结构是算法的基础,它定义了数据的组织方式。常见的数据结构有数组、...

    鲜活的数据:数据可视化指南 原版著作

    “Cool Infographics”作为本书的一部分,可能指的是书中有特定章节或案例研究专门探讨酷炫的、创意的信息图。这可能包括一系列现代和传统的信息图表设计技巧,以及如何让信息图表既美观又具有高度的可读性和功能性...

    可视化课程设计期末大作业基于深度学习的可视化图表调色板推荐系统项目源码.zip

    可视化课程大作业:基于深度学习的可视化图表调色板推荐系统的实现 参考文献:InfoColorizer_Interactive_Recommendation_of_Color_Palettes_for_Infographics 本项目是对文章InfoColorizer:Interactive ...

    D3InfoGraphics:D3信息图形

    D3InfoGraphics D3信息图形演示步骤: 在本地计算机上“ git clone”或“下载”此“ D3InfoGraphics”代码存储库。 将下载的代码存储库解压缩/解压缩到本地Web服务器上的合适文件夹中。 例如:在Mac / Yosemite上,...

    creative-infographics:该软件包可为您提供实时数据的实时创意信息图

    信息图表 1)FlowerGraph 导入FlowerGraph import { FlowerGraph } from "creative-infographics" ; FlowerGraph的数据模式 需要以下数据架构来呈现此信息图。 data /* array_of_objects */ = [ { /* key_...

    商务智能架构图表

    数据可视化 Data Visualization 和信息可视化 Infographics 是两个相近的专业领域名词。狭义上的数字可视化指的是讲数据用统计图表方式呈现,而信息图形(信息可视化)则是将非数字的信息进行可视化。前者用于传递...

    SAS_Infographics

    SAS_信息图表 2015 年Spring用户体验课程 SAS ... | 线框_Finalprototype - Balsamiq 线框/低保真原型| Screencast_SAS Infographics_wireframe_team2.mp4 - 低保真原型的截屏 | 子文件夹:评估文件 | | 信息图表__Fina

    fi-lab-infographics

    "FI-Lab信息图表"是一个基于Ruby on Rails框架构建的应用程序,主要目的是通过信息图表的形式展示fi-lab节点的容量情况。在这个项目中,开发者利用了Rails强大的后端功能和JavaScript的前端交互能力,为用户提供直观...

    InfographicsForDummies.pdf 英文原版

    Infographics For Dummies

    【4】立体对比.pptx

    在PPT设计中,"【4】立体对比.pptx"这个文件似乎包含了一系列使用信息图(Infographics)展示的数据对比和分析。信息图是一种视觉传达复杂数据或信息的有效方式,它通过图形、图像和颜色将信息简化,帮助观众更好地...

    opps-infographics

    "opps-infographics"是一个基于Python的信息图形应用程序,旨在帮助用户创建、管理和分享高质量的信息图形。这个项目可能是一个开源解决方案,允许用户通过编程接口或图形用户界面(GUI)来设计和展示数据。从"opps-...

    简约商务-科技-动态PPT模板.pptx

    9. **信息图表**(INFOGRAPHICS):使用信息图表能够以视觉化的方式展示复杂信息,如流程图、统计图等,有助于提升信息的传递效率。 10. **内容组织**:合理分配PPT的各个部分,如"第二部分",每个部分应有明确的...

    国内著名公司制作的好看的PPT

    4. 数据可视化:通过图表、图形或 infographics 将复杂的数据和信息以直观的方式呈现,有助于观众快速理解。 5. 高度定制化:根据不同的场合和目标受众,定制PPT的风格和内容,使其更贴近主题和需求。 6. 品牌一致...

Global site tag (gtag.js) - Google Analytics