跳到主要内容

56个最佳信息图表

+$The best infographics should tell the story of a piece of data in an entertaining and concise way. A piece of effective data visualisation appears simple but should display the right combination of images and words to convey complex data in an impactful way (these top+$data Visualisation Tools+$will help). Infographics should spark interest in the data story, and allow people to understand it at a glance.

+$How do you design the best infographics?

在设计信息图时,没有严格的规则。但是,有几个很棒信息图表工具,这将有助于您开始一个良好的开端。这些来自网络的信息图表示例将向您展示如何更进一步,为您的数据添加一些风格和个性。

我们将开始介绍一些关于信息图表的精彩信息图表,然后再转到最佳信息图表,提供说明,解释流程等(使用右侧的快速链接跳转到您想要的部分)。希望我们的选择能为您提供充足的灵感,为您自己设计出色的信息图表。

单击图像以查看完整大小的信息图。

关于infographics的最佳的infographics

01.什么是信息图?

单击图像以查看完整大小的信息图

+$Let's kick things off with a fun infographic using lego to present what an infographic is. This one by+$Hot Butter Studio+$displays exactly what an infographic can do for your data. Beth Kanter is a visual marketer who uses this infographic+$in Her Blog+$, and explains how enforcing visual order upon your data can help you and your audience to draw conclusions, and use those conclusions constructively.

+$02. Why your brain craves infographics

The best infographics: why your brain craves them

单击图像以查看完整大小的信息图

信息图表的流行没有显示出放缓的迹象,但为什么它们如此受欢迎?这个信息图表NeoMam工作室详细探讨了信息图表的确切内容。它设计精美,执行精美。使用HTML5和CSS3构建的在线体验,如果单击上面的图像,您可以在其所有交互式荣耀中查看它。

“该视差滚动效果可能是最难实现的,“Neo Mam的Danny Ashton说。”我们的开发人员查看了可用的库,并将它们描述为有点'不稳定',所以他们最终创建了自己的库。“

除此之外,Ashton说,构建信息图的挑战是尽可能简化CSS。 “我们希望获得流畅,用户友好的体验,”Ashton解释道。 “对我们来说,做那些'技巧'更为重要。”

+$03. The great big list of infographic ideas

The best infographics: ideas

单击图像以查看完整大小的信息图

在我们穿越万维网的旅行中,我们登陆了InfoBrandz网站,发现了这个 - 是的,它是一个信息图,解释了如何制作最好的信息图。如果您对设计信息图感兴趣,但是您不确定自己喜欢什么,这将使您开始了解主题的一些想法。它还探讨了信息图表适用的主题。

+$04. The infographic of infographics

单击图像以查看完整大小的信息图

标题是否让你感到困惑?我们也是。这个信息图表的作用是取消信息图表的趋势并探索围绕趋势的统计数据。如果您正在设计自己的,这将显示哪些字体是流行的,通常包括多少部分,哪些主题往往会突然出现,等等。

最佳信息图表:探索世界

+$05. History Of Life

The best infographics: History of Life

点击图片了解更多信息

探索世界比探索我们的世界 - 地球上的生命更好的方式。 Juan Martinez的这个华丽的信息图表定义了世界的每个地质时代,陆地大陆的不断变化的形状,包括时间表,生活里程碑和大规模灭绝事件。也是可以作为印刷品购买

+$06. A Stranger to Words

艺术家+$Meng Chih Chiang+$created this data visualisation graph that explores her own world of language. The fascinatingly complex graph expresses the curve of her personal learning experience as she encounters language in her day-to-day life as a dyslexic.

+$07. Doctor Who

点击查看完整的信息图

英国肖像专家山姆吉尔比多年来,它已经制作了各种流行文化 - 宇宙探索信息图表,其中包括这个致力于50年神秘博士的设计。他迄今为止的另外一些华丽的插图作品来自对四个复仇者角色的基于统计的比较;获得第85届奥斯卡金像奖 - 全部为维珍电影创作。所有这三个信息图表都是使用插图将兴趣和可共享性添加到事实和数据列表中的优秀示例,而不是分析数据本身。

+$08. Hip Hop

点击查看完整版本

另一位多产的信息图创作者,英国设计工作室多萝西在创造非常理想的信息图表式海报方面已经有了一些利基。它的设计经常描绘出娱乐类型和子流派之间的许多复杂联系,非常适合任何超级粉丝在其工作室墙壁上展示。

引人注目的例子包括“蓝图”系列,探索数十年来嘻哈,替代和电子音乐的历史; '色轮'系列,致力于电影,书籍和音乐的调色板;和“星图”,它们描绘了开创性电影,演员和导演之间的关系。他们都拥有令人惊叹的设计美学,最终由数据驱动。

+$09. Oddity Viz

点击查看全尺寸信息图

信息获奖者是美丽奖,Valentina D'Efilippo标志性的Bowie轨道Space Oddity的创造性可视化与Dorothy广泛的流派创作形成鲜明对比,选择狭窄和深入。

D'Efilippo与研究员Miriam Quick合作收集有关该轨道的数据,然后将其视为一系列10个12英寸光盘,每个光盘以不同的方式解构轨道:根据旋律,和声,歌词,结构,故事等等。

+$10. An analysis of The Beatles?

点击查看完整的信息图

热爱音乐的数据书呆子将从这个王牌交互式信息图表中得到启发,分析Fab 4的职业生涯,按年度和专辑分解他们的职业生涯,并提供大量洞察力,谁写了什么,披头士乐队拥有最大的词汇量(提示:这不是林戈),他们的大部分歌曲都是关于什么的。

+$11. SWANH.NET

The best infographics: Star Wars: A New Hope

点击查看完整的(123米)信息图

如果最新的“星球大战”电影让您有兴趣立即观看原始电影,请将您的马匹放一秒钟。而不是再次坐下来第四集,为什么不以信息图形式享受呢? SWANH.NET是瑞士插画家的一个项目马丁潘查德他将“星球大战:新希望”改编成了一个123米长的信息图。在Illustrator CC中创建,在22个单独的文件中使用了157张图片,他花了一年多的时间来制作。

+$12. Grand taxonomy of rap names

单击图像以查看完整大小的信息图

这个色彩鲜艳的信息图表以惊人的细节检查了282个说唱名称。我们喜欢的部分? '大胆的拼写' - 包含'错误使用K'(嘿OutKast)和'拼错形容词'(就是你,Ludacris)的子类别。它是由你带来的流行图表实验室- 由书籍编辑和平面设计师组建的公司,他们以一个适度的目标联合起来:以图表的形式呈现所有人类经验。

+$13. The magnificent multitude of beer

The best infographics: beer

单击图像以查看完整大小的信息图

啤酒的品种,品牌和口味多种多样,有时候会让人感到压力。那么有什么更好的方式来展示啤酒的分类而不是信息图?

另一个来自Pop Chart Lab,这个信息图是60x40in,叫做Magnificent Many of Beer。它最终变得如此之大,以至于团队不得不寻求另一家印刷公司的帮助来处理这项工作。经过所有这些努力之后,让我们希望他们抽出时间前往酒吧。

+$14. MeTooMomentum

dandelions explaining MeToo movement

单击图像以查看完整大小的信息图

我们并不完全确定将这个交互式信息图放入哪个类别。它探索了一个趋势和一个动作 - #MeToo运动是精确的,并包括一个时间轴。但是,由于这一运动影响了世界各地的许多人,我们认为将其添加到“探索世界”类别似乎是合适的。

这个信息图来自Valentina D'Efilippo,专注于#MeToo运动的前六个月,从那时起分析大约200,000条推文,并以各种华丽的视觉效果展示所有这些。您可以在我们的网站上阅读更多关于该项目岗位

+$15. The Art History Timeline

The best infographics: Art History

单击图像以查看完整的信息图

另一个时间轴,由于其突出的颜色,大胆的线条和主题,这一个是我们的赢家。由...制作马修科布林在马萨诸塞州布鲁克莱恩的新英格兰艺术学院的本科生涯期间,为了一个艺术史课程,该图形通过显示“通过最小和生动的时间线的大量信息”来满足该简报。

+$16. Avengers, Assemble!

The best infographics: Avengers Assemble

单击图像以查看完整的信息图

这个信息图分解了关于Marvel的复仇者组合中的超级英雄的事实。你可以通过几个方便的饼图找到每个角色的力量,技能,大脑,小工具和心脏。然后编译结果以显示团队最大的集体优势。角色设计和清晰的演示确实有助于这个图表闪耀。

+$17. Inception

The best infographics: Inception

单击图像以查看完整大小的信息图

我们喜欢这个简单但美丽的信息图表,为克里斯托弗诺兰2010年的大片电影Inception。让我们面对现实,考虑到电影的复杂程度,解释它有点简单。插图由纽约的平面设计师创作Rick Slusher,他对电影的优雅总结,将每个角色描绘成一条彩色线条;梦想层被描绘成同心圆。

最佳信息图表:说明列表

+$18. The ABC of design

The best infographics: ABC of design

单击图像以查看完整的信息图

各级设计师的基本职业技能是能够有效地解释您的工作,并向客户阐明您的愿景。幸运的是,DesignMantic的这个信息图揭示了设计行业的术语词汇表,它解释了创意决策背后的技术思想。

这个设计精美的ABC设计本身就是一件简洁的设计作品,贯穿了每个设计师需要知道的26个关键词,并将其意义转化为时尚的图形。

+$19. 10 commandments of UI design

单击图像以查看完整大小的信息图

这是我们看到的覆盖用户界面的最佳信息图表之一,或者UI设计Designmantic我们已经提出了这个图片,以帮助您获得您的网站界面。适当地,设计中也有很多想法 - 它被分解为颜色编码的主题(创建故事,确保可访问性等),使用简单的图标来传达类别中的关键规则。看看UI设计建议或如何设计有效信息图表的灵感之后,值得一看。

+$20. A-Z of typography terms

点击图片放大

你知道你的心尖孔吗?顶尖和旗帜之间的区别如何?如果没有,那么这个排版术语信息图表就像一个方便的备忘单,可以帮助你加快速度。它包含了所有常见的嫌疑人,还有更多 - 只有真正的排版专业人员会知道所有这些,所以请看看填补你的知识空白!

更多信息?看看我们的综述最好的排版教程

+$21. 40 little things to break your creative block

单击图像以查看完整的信息图

创意干旱是艺术家,设计师,摄影师以及任何有想象力的人的噩梦。但是,当你想要做的就是放弃时,你如何重新点燃你的创造力?由创意市场团队设计,这个丰富多彩的40个灵感技巧列表包含艺术大师在需要时转向的建议。如果这些不起作用,请查看我们的方法列表克服创造性的车辙

+$22. 15 golden principles of visual hierarchy

单击图像以查看完整大小的信息图

Designmantic是您在此列表中可以找到的一些优秀设计背后的团队。这个特定的信息图分解了您需要知道的关键规则,以便在数据中创建所有重要的可视化层次结构 - 使用黄金比例实施网格理论为您的工作带来平衡。

23.排版的10条诫命

单击图像以查看完整大小的信息图

来自DesignMantic的Evan Brown的这个信息图是一个排版书呆子的梦想。如果你曾经发现自己漫无目的地滚动浏览列表最好的免费字体,这个备忘单将通过为您提供一些关键规则来帮助您重新调整搜索重点。

“即使排版是艺术,艺术应该是主观的,参数最小,但这些规则仍然可以应用,以节省时间和太多的实验,”他解释说。 “了解一些基本的注意事项总是很好的,这样可以避免在设计中尝试太多字体的麻烦。”

下一页:更多最好的信息图表



翻译字数超限