制作信息图的“核心信条”

偏好柱状图和饼状图的陈腐的企业审美已经不复存在了。如今,“数据可视化”(包括为信息图)被大量使用,可谓是无处不在。数据可视化是一个极好的方式,用来传递出与公司行为相关的信息,或者以一种视觉上引人入胜的方式,简单解释一个社会现象。

但是,确切地说,是什么成就了一个好的信息图呢?在网上搜索一下,你会找到非常多的观点,其数量如同信息图设计者一样。尽管如此,对于信息图这一“艺术品”,还是有一些核心信条,得到了几乎每个人的认同。这里,我们对其做一个总结,同时配上一些例子作为演示。

先来一个极简风格:用Lego(乐高)总结信息图的概念。

1讲述故事
任何一个信息图不仅仅是数据的整理,还是一个故事。它有起因,经过,结果(作文结构。仿佛回到了语文课?),或者是问题,数据,结论(论文结构。一跃又来到了毕业论文)。

这需要理解手中数据的内容,其回报是抓住读者的注意力,并引导他们的理解,而不是让读者迷失在随意堆叠的无意义的数字中,并最终失去他们。用信息图说话,来看一个好的例子。

2找到“钩子”
每一个信息图都有它的“钩子”——那些数据中特别有趣的、意想不到的或者令人玩味的部分,它是明白或理解信息图要展开叙述的“故事”的核心。一旦你有了这些“钩子”,以视觉形式强调它们:让它们比周围的信息更大或者显眼,给予更多的空间,摆放在等不或者底部,而不是夹带在中间。

注:英文原文中用了“hook”一词,其精妙之处在于,hook有钩子、鱼钩、上钩以及诱惑等多重含义。

先上信息图,然后我们来解释。

这是另一个关于Record Deal的信息图,与其它版本相比,做得明显更好的是它强调了钩子:数据如“500,000份拷贝”、“5百万美元”以及“375,000美元”,都比周围文字用了明显的粗体

这个设计还使用背景色块将其分割成几个部分,这是一个聪明的主意。唯一美中不足的是,设计者没有可视化“对375,000美元有争议”这一事实,这个应该是可以很容易做到的。

下面两个信息图在强调钩子方面做的很好,它们用了位置,大小和颜色

3展示,不要“告诉”
这个貌似很明显,但是还是要尽可能减少文字到使用量。使用简介的遣词,局部聚集的文字,一语中的。

在不得不使用文字的地方,确保用图标、有趣的排版活着周边留白加以均衡处理,避免密集文字区块。不论是好还是坏,读(文字)是个不怎么21世纪的事(图和视频更受欢迎)

同样,先上信息图,再做解释

这个信息图是一个工作职位列表,但它不是简单地逐点罗列出对候选人的要求,而是使用视觉上更吸引人的一版图标。整体上来说,在格式和颜色方面,这个设计做到了完美的平衡。

4谋求改变
给定一个数据集,你可以用千万种方式展示它。对于制作一个信息图,你的工作是选择可视化手段,既能非常容易理解,又比标准图表更有趣

改变一下:如果你正在一个信息图中使用某类可视化手段超过一次,你的创造性也许还不够。

这个是一个很棒的例子!

它使用非传统的、多样的图形可视化手法。这里有一个柱状图,但是被装扮成了一个“橱窗兼智能手机显示屏”,非常聪明!

对于紧随其后的那些百分比数字,设计者使用了相应大小的气泡。最后,是另一个柱状图,但将其表现为一个台阶造型,以区别于之前的柱状图。

5颜色和字体
对于任何形式的设计,选择漂亮的颜色明显的字体非常关键。对于颜色,使用三色调调色板通常是一个好的选择。在不得不处理比期望要多的文字时,这一点特别突出。

这个信息图有文字繁冗的问题,但对合适的字体和颜色的选择,极力拯救了这个信息图。

篇尾语:

这些信息图,你最喜欢哪个?或者,看到什么很酷的信息图?请留言给分享给我们,并借此分享给更多人。您的参与和支持,是对大数据文摘的莫大鼓励!

原文发布时间为:2015-04-27

时间: 2024-07-29 15:56:42

制作信息图的“核心信条”的相关文章

[干货] 如何制作信息图(21页PPT)

信息图,是用图片交流 设计,旨在使得与读者的交流尽可能的简单明了 信息图是"信息"与"图形设计"的有机结合,提供的是一种"视觉学习" 设定好目的.听众和时间安排 决定投入:预算.数据.工作量和时间 充分使用"符号"和"象征/比喻" 这样的个人简历,是不是很cool 那就再来两个 恰当使用精心设计的图片 精准使用"图形元素"来表达数字.过程和关系 看两个例子: 两个原则:五秒钟 和 一个故

7个步骤教你制作出让人疯传的信息图

  随着社交媒体的兴起,全民进入读图时代.有三种图,在社交媒体中最受欢迎:1.搞笑内涵Gif图,不用太多文字,一句"你懂的"就有四两拨千斤的效果.2."亮点总在最后"长图,巧妙的伏笔和意外结局让看过的人无法抗拒.纷纷疯狂转发.3.有营养的信息图,简单图片和数字图表组合传达丰富信息,大脑最享受的轻量化阅读体验.想要做出好的Gif图和长图,要靠机遇和天分,一鸣惊人的创意往往可遇不可求,但是要做出一张被广泛分享传播.吸引公众眼球的信息图,却有迹可循. 下面这篇文章教你如何

9个要点,打造引入注目的信息图

对于展示信息.提高品牌知名度和树立业内权威,信息图是一种已被证明的行之有效的方法.但是,是什么造就一个引人注目的信息图,使其得到更多的分享.驱动访问量,并从高品质的相关网页上吸引高质量的链接? 传统上的可视化平台,如Pinterest,Instagram和Facebook,正领导着可视化社交媒体的潮流,但是不仅仅只有这些平台在进行图像整合.领英也通过引入了专业公事包(Professional Portfolio)作为一种可视化展示个人简介的方式.今年早些时候,他们还整合了Slideshare新的

制做信息图的六件不可为之事

关于信息图(infographic),人们已经有知道了不少东西,但其中大部分不 是正面的.过分长而窄的信息图会超出读者的注意范围:无知或者缺乏经验的设计者所设计的信息图通常展示没有意义的东西.很多信息图的设计,是单纯作为连接诱饵(link bait),而缺乏有意义的内容.有些信息图,其包含的内容根本不应当以图形方式展示,而更适合用文本. 对于想一头扎入信息图制作的人们,应当避免下面这几个错误. 1. 文字过度 过多的文字会扼杀任何信息图,无论视觉展示上有多好.信息图上的文字应当是支持可视化,而不

信息图:高质量网站内容对SEO至关重要

自从Google推广新搜索排名算法"熊猫"以来,不少站点的排名表现大不如前.一些旅游网站反映,"熊猫"算法让他们的搜索结果表现地很糟糕,在打击"内容农场"的同时也造成了很严重的"误伤".Google方面表示,推出新算法的一个重要目的就是"给那些创造原创.高质量内容的站点更多的展示机会".相应地,Google还调整了对"高质量内容站点"的定义标准. 诸多迹象表明,内容对SEO至关重要.以前

3个技巧搞定可视化信息图的色彩搭配

  虽然如今好的配色方案已经唾手可得,但想为数据可视化找到合适的配色方案,难度仍然不小.因信息图的独特属性,在保证色彩具有清晰辨识度的同时,还必须满足丰富而不凌乱的配色要求.不过即使你对色彩不敏感,用了今天这篇干货提到的3个技巧,也能轻松制作出好看的信息图. 在信息图方面,事情甚至更加棘手,因为我们要通过上千种各不相同的数据集合来传递信息,它们有着各自迥异的视觉表现. 目前的问题 我们没有立刻开始建立自己的配色表,而是发起了一些调查,研究网络上已存在的配色方案.令人惊讶的是,我们发现其中只有少数

一图抵万言:信息图的五大用途

大数据是2013年被热炒的概念,但即使在专业人群中,能弄明白大数据的人并不多.而信息图(Infographics)不同,作为当今最流行的数据可视化展示方式,信息图是向非专业人士展示数据分析结果的最直观最有效的工具之一.大数据离不开设计师和艺术家,而信息图正是数据可视化科学.艺术和设计的结合. 无论是企业向投资人做财务和业务创新报告,还是设计一份独特的简历,抑或教师希望在最短的时间讲明白一个复杂的问题-总之,无论你是想讲故事.讲道理还是推品牌,人们面临一个共同的挑战:如何梳理大量信息,并以简洁.有

独家 | 6步教你用R语言制作动图

引言   数据可视化可能是数据科学领域最重要却通常最少被提及的部分.   我这么说是因为创造数据故事和可视化对你的顾客最终怎么看待你的工作有巨大的影响.数据科学不仅仅是说你的模型如何复杂或精细,它是使用基于数据的洞察力来解决问题(的范畴).并且,为了实施这些解决方案,你的领导们需要了解你的计划. 在创造有影响力的可视化进程中,挑战之一便是创造能够自己讲话的图像.这篇文章将会告知一种方式来帮你创作可使用的生动的GIF图像(即图表可交互化格式).当你想要显示基于时间或者基于循环的故事时,这种方式将对

【百度地图API】如何自定义地图图层?实例:制作麻点图(自定义图层+热区)

原文:[百度地图API]如何自定义地图图层?实例:制作麻点图(自定义图层+热区) 摘要:自定义地图图层的用途十分广泛.常见的应用,比如制作魔兽地图和清华校园地图(使用切图工具即可轻松实现).今天我们来学习,当地图上有大量标注,比如600万个的时候,我们如何用"麻点图"来实现标注的展示. -----------------------------------------------------------------------------------------------------