如何制作信息图表:终极指南

如何制作信息图表:终极指南
Orana Velarde

写的:
Orana Velarde

2019年6月24日
说明一组三人物理地添加块信息图。

以下是你需要遵循的9个步骤制作一张引人注目的信息图表:

  1. 选择信息图的受众。
  2. 明确你想要达到的目标。
  3. 为你的信息图选择一个主题。
  4. 为您的信息图收集数据和信息。
  5. 核查所有内容并注明出处。
  6. 决定如何可视化您的数据。
  7. 为你的信息图表定下基调。
  8. 写一份副本,并创建一个文本大纲。
  9. 创建信息图的线框。

想要更多地了解上面列出的每个步骤吗?

继续阅读。

制作信息图表的9个步骤

如何制作信息图表:计划

在开始设计信息图之前,您需要做几件事。

采取这些最初的步骤来规划你的信息图设计可能意味着一个令人惊叹的实际工作的信息图和成千上万其他平庸的图形之间的区别。

如果你不关心你的品牌,你的信息或你的目标,简单地把你的内容扔到一个模板上是很好的。

做一些跑腿的工作,尽可能地做出最好的信息图表设计;它和你的新网站或应用的用户体验研究一样重要。

为了帮助你,这里有一个关于如何规划你的信息图设计的信息图。你可以在下面更详细地阅读每个步骤。

信息图涵盖了规划信息图设计的九个步骤。

需要在几分钟内创建看起来专业的信息图?

  • 选择数十个专业设计的模板
  • 添加和更改图标,颜色,字体,图像和更多
  • 定制任何适合您的品牌形象和内容需求

签约。这是免费的。

1.精确定位信息图的受众

如果你正在为你的品牌或产品创建一个信息图,那么为你的信息图定义受众是很容易的。您可能已经了解了您的受众是谁以及您为谁创建内容。

另一方面,如果这张信息图是为其他观众准备的,你需要清楚地定义它是为谁准备的。

通过了解你的受众,你更容易决定文案的基调,信息图的尺寸和用于设计的颜色。

例如,你的受众主要在Instagram上吗?那么你的信息图应该是方形的。你的用户是否经常浏览Pinterest ?然后你的信息图应该Pinterest准备好了。

你的受众是学术型的还是视觉型的?他们喜欢数据可视化还是简单扼要的信息?

如果你不知道这些问题的答案,是时候做一些研究了品牌信息.在互联网上寻找信息图表,为你想要达到的受众可视化信息。

找出哪些信息图获得了最多的用户粘性,哪些信息图做得不太好。别忘了向成功人士学习。

2.定义信息图的目标

你想用你的信息图达到什么目的?调查的目的是教育、娱乐还是展示调查结果?还是其他原因?

了解信息图的目标可以帮助你描述文案,选择正确的设计元素,并为整个视觉效果定下基调。

例如,上面关于计划步骤的信息图有一个教育目标。它的目的是教你如何用9个简单的步骤来规划你的信息图设计。希望我们做得不错!

3.为你的信息图选择一个主题

下一步是为你的信息图选择一个相关的主题。你打算用你的信息图传达什么信息?

你会展示你们公司的服务吗?您想要可视化博客文章中的信息吗?你会打印信息图表放在员工休息室吗?

定义信息图的主题类似于定义故事的主题。它给了整个项目一个支撑和支撑。

下面的信息图集中在一个主题上:如何提高博客的参与度。

关于如何增加博客参与度的信息图表模板。

就像这个信息图表模板?今天就开始定制吧! 编辑及下载

确保你的信息图表集中在一个主要点上。不要选择一个过于宽泛或模糊的话题。你的信息图主题越具体,它就越有价值和深度。

4.为您的信息图收集数据和信息

现在你知道了你的信息图是关于什么的,是时候收集你需要写副本的所有数据和信息了。

如果信息图表是随博客文章一起发布的,除了文章中包含的内容外,你不需要进行大量的外部研究。

但如果信息图是独立的,那就开始从可信来源挖掘相关统计数据,并将所有文本信息和数据放在一起数据集

5.核实所有内容并注明出处

别忘了对每一点信息进行事实核查以及你计划包含的数据。没有什么比带有错误数据或声明的信息图表更糟糕的了。这会让你和你的公司看起来不值得信任。

此外,跟踪你访问过的所有url以获取你的信息。您将把这些添加到信息图的页脚,我们将在本文后面详细讨论。

6.决定如何可视化你的信息图数据

一旦你有了所有的数据和信息,就想办法把它可视化。

第一步数据可视化就是将文本信息与数据分离。根据您的数据,您可以从各种类型的图表、图形、小部件甚至时间轴或流程图中进行选择。

也许您需要比较可视化,如表格或维恩图。也许你有地理数据,你需要一个映射图

Visme地图功能的截图。

看看Visme编辑器内部,它已经结束了44种图表浏览更多数据可视化选项。

7.为你的信息图定下基调

一旦你弄清楚了所有的数据和信息,是时候为你的信息图表副本的其余部分定下基调了。

为了达到你的目标并接触到正确的听众,你需要什么样的语调?这是友好的语气还是学术的语气?你需要建立一种商业或公司风格的语气,还是一种有趣和幽默的语气?

一旦你决定了基调,你就可以开始写文案了。

8.写副本,并创建一个文本大纲

为信息图表写文案与为一篇文章或报告写文案略有不同。诀窍是提前思考,并考虑到文本将被分成几个部分。

信息图表的副本看起来更像一个大纲,而不是带有段落的文本。把每个部分分开,用一种容易快速阅读并与你的语气一致的方式来表达。

9.为你的信息图画一个线框

拿一张纸,快速勾勒出你想要的信息图的样子。看看你有多少个部分,以及它们是如何组织起来的。

你可以使用闪存卡以便您知道文本信息的位置和数据的位置。你不需要成为一个艺术家或一个创意天才来实现这一点!

创建线框不是关于事物看起来如何,而是关于不同的元素将如何放置在信息图空间中。

如何制作信息图:设计

当你完成了规划信息图的第一步之后,是时候真正开始设计它了。使用Visme的集成用于创建信息图表的工具会给你一个很好的开始。

在本节中,我们将向你展示两种设计信息图的方法:

  • 如何用模板制作信息图
  • 如何用空白画布和内容块制作信息图

详细阅读这两个选项,以最大限度地利用它信息图设计教程

如何用模板制作信息图

Visme中可用的四个信息图模板的拼贴。

从模板开始绝对是最简单的方法创建信息图表看起来很专业,而且做起来也不费时间。

当您选择正确的信息图表模板时,您所需要做的就是将您的副本和视觉效果添加到已经格式化的构图中。

即使模板的设计不完全适合您的内容,也很容易进行定制和相应的调整。

为了帮助你,Visme提供了数以千计的模板和内容块,都是专业设计和完全可定制的。

但在做其他事情之前,你需要弄清楚哪种信息图模板最适合你的线框。考虑到这一点,让我们来看看Visme中可用的不同类型的信息图模板。

信息图展示了Visme中可用的10种信息图模板。

需要在几分钟内创建漂亮的信息图表?

  • 选择数十个专业设计的模板
  • 添加和更改图标,颜色,字体,图像和更多
  • 定制任何适合您的品牌形象和内容需求

签约。这是免费的。

准备好设计你的信息图了吗?

让我们开始吧!

1.为你的信息图选择一个模板

选择正确的模板是了解如何在几分钟内制作适用于您的数据类型的信息图的第一步。

要选择完美的模板,请选择一个类别并浏览集合,直到找到一个与您的线框相匹配的模板。

如果您不确定所需要的信息图的类别,可以滚动模板库以了解其可能性。

考虑你的数据,你的拷贝大纲和你放在一起的线框。完美的模板就在那里,你只需要找到它。

当您找到最好的模板时,打开查看器并仔细检查整个过程。如果是好的,在编辑器中打开它。如果不合适,继续浏览,直到找到更好的。

在这个关于如何制作信息图表的教程中,我们将使用“商业化的五个阶段”模板。

关于商业化的五个阶段的信息图表模板。

就像这个信息图表模板?今天就开始定制吧! 编辑及下载

如果您想按照步骤操作,只需登录到Visme仪表板并单击下面的模板。如果你没有Visme账户,你也可以在这里免费注册

2.在模板占位符中插入你的内容

现在您已经有了模板,是时候插入自己的内容了。在开始之前,请仔细查看模板和其中的部分,并将其与文本大纲进行比较。

如果您的大纲有更多的部分,您可以轻松地将它们添加到模板中。如果你的大纲比较短,那就删去几部分。

专家提示:要添加另一个块,请将鼠标悬停在该部分的左上角,然后单击加号(+)。然后选择“从模板添加”,你将进入内容库,在那里你可以选择任何风格的块。

开始插入文本,一段一段地插入,直到你用完了所有的内容。在某些情况下,您可能需要缩短文本以使其更适合。你甚至可以尝试改变字体,看看是否有帮助。

下面是一些信息图的推荐字体大小:

  • 大标题:24-36页。
  • 中等标题:20-24页。
  • 文字内容:14-18页。

不要忘记将标题放在信息图的顶部。通过使用强烈的字体风格来吸引注意力,使它看起来很重要。

在这个模板中,在顶部有一个很大的标题区域,你可以插入你的标题和副标题,只需点击几下:

Visme编辑器中信息图模板的截图,旁边是预先制作的文本块。

3.为您的文本内容选择字体配对

字体对信息图的重要性有两个原因:

  • 它会影响信息图表的外观
  • 它有助于调整文本块的大小

我们建议在信息图中最多使用两种字体样式——一种用于标题,另一种用于文本块。

Visme提供了数百种不同风格的高级字体,帮助您为信息图创建完美的外观。

在Visme的编辑器中可用的字体选择的截图。

你可以使用两种样式的相同字体,也可以使用两种完全不同的字体。只要确保您选择的字体与信息图内容的色调和信息相匹配即可。

例如,您可以为标题使用大粗体或全大写样式,而为正文文本使用正常粗体样式。当你使用Arvo、Lato或Open Sans等通用字体时,这种字体搭配效果最好。

看看Visme的这个有用的视频,它将引导你完成为你的设计选择正确字体的整个过程:

字体和样式的选择也有助于文本块的一般大小。有些字体看起来比其他字体大,即使在相同的点大小。

如果你在使用时改变了字体的大小,请确保保持平衡。例如,所有主标题都应该具有相同的大小。这也适用于其他类似的文本块,比如正文内容。

4.在信息图中选择并放置图标

没有人喜欢只由文本组成的信息图表。

下面是如何制作看起来不像文字墙的信息图。使用图标这有助于可视化一些文本内容,并将注意力吸引到每个部分。

Visme编辑器有大量的矢量图标组织成不同的类别。你可以浏览,直到你找到你需要的,或者使用搜索栏输入你的关键字。

Visme编辑器中图标选择的截图。

访问数千个高质量的图标和图形!

  • 从数以千计的不同风格的矢量图标
  • 调整大小,旋转和改变你认为合适的颜色
  • 完美的印刷或网络

签约。这是免费的。

当事情发生时,不要忘记始终如一为你的信息图选择图标-所有的都需要相同的风格。

如果你喜欢它们有颜色,那么它们都应该有颜色。类似地,如果您喜欢使用线条图标,那么它们都应该具有相同的线条样式。

图标也应该与你选择的字体样式相匹配。如果你的字体又粗又圆,那就选择风格相似的图标。如果字体很细很精致,那么你所有的图标也应该是这样的。

你也可以利用动画图标和插图创建一个动画信息图这在页面上很显眼。

5.使用数据小部件在信息图中可视化统计数据

如果您的内容包括数值或信息数据,您可以使用Visme编辑器中可用的众多数据小部件之一来可视化它。

Visme编辑器中可用的数据小部件的截图。

从图形引擎、径向计数器、进度条、表格或数组中选择图形。如果您不确定使用哪种数据可视化,本文介绍图的类型会帮你选对的。

6.分析流程并定义信息图中的部分

一旦你有了信息图中的内容,所有的数据小部件和图标,开始分析整个可视化的流程和平衡。

信息流从头到尾的无缝流动是很重要的。一个平衡的视觉效果和清晰定义的部分将使观众与你的信息图和其中的内容联系起来。

信息图上的信息应跟随层次结构的基本规则.一个好的经验法则是遵循Z或F的观看路径。

从左上角开始,继续向下到左边,以Z或F模式。你可以用各种元素来做这件事,比如颜色、大小、图标、数字甚至箭头。

6.自定义信息图的颜色主题

这是最终确定信息图的最后一步。您可以保留模板的原始颜色,也可以从Visme预设的颜色主题中进行选择。

这张截图展示了Visme编辑器中可用的颜色主题。

如果所有可用的颜色主题都不起作用,还可以使用颜色选择器分别调整信息图中每个元素的颜色。

如何用空白画布和内容块制作信息图

模板并不是创建好看的信息图的唯一方法。你也可以从一个空白的画布开始,把一个完全独特的视觉组合在一起。

对于本教程,本文第一部分中的计划步骤特别重要,特别是最后两个关于创建您希望的信息图的线框和草图的步骤。

不使用模板会让你的信息图与众不同。从零开始创建一个也不需要困难!

Visme提供了大量预先设计的内容块,可以帮助您在几分钟内整合令人惊叹的信息图表,而无需使用模板。

让我们深入了解如何使用和定制它们,以便在没有模板的帮助下完全从头创建信息图。

1.在主仪表板中选择空白信息图画布

打开Visme仪表板并选择信息图表选项卡。进入后,单击所有模板前面的空白画布选项。

Visme仪表板中可用的信息图模板的截图。

空白信息图画布以默认大小打开,您可以使用可拖动的长度条或添加内容块来调整该大小。

首先,您将只看到一个空块。悬停在上面,点击加号,然后选择“从模板中添加”。

Visme编辑器中空白信息图块的截图。

2.向信息图中添加内容块

Visme的内容块库是按类别组织的,类似于信息图模板。下面是一个简短的列表,你可以从中有所了解:

  • 标题
  • 图标和文本
  • 图片及文字
  • 统计数字
  • 图表和图表
  • 比较
  • 时间线
  • 过程
  • 地图
  • 页脚
Visme编辑器中预先设计的比较内容块的截图。

有了线框和文本大纲,开始选择内容块,并将它们添加到您认为合适的画布中。

如果您不想使用某个内容块,您可以随时删除它。只要点击弹出菜单上的垃圾桶图标就可以摆脱它了。

创建自定义内容块

如果在内容块库中找不到所需的确切内容块,也可以通过混合和匹配元素来创建自己的内容块。

回到空白画布,点击左边的Basics。导航到“建议内容”,查看完整内容块的碎片。

Visme编辑器中预先设计的内容元素的截图。

你可以把这些放在一起,但你喜欢混合和匹配的元素,以创建自己的个性化的部分。

3.在信息图中插入文本内容

现在您已经有了信息图的可视化草稿,是时候插入所有信息了。仔细阅读文本大纲和线框,并在阅读过程中反复检查,以免忘记任何内容。

调整您的内容以适应块或使块调整为您的内容。每个块都有一个可拖动的条,方便地调整长度。

在Visme的编辑器中高亮显示和编辑文本框的截图。

内容块中的每个元素都是可定制的——只需拖动角柄并根据需要进行调整。

4.自定义信息图中的数据小部件

现在是时候在包含数据小部件的部分中定制它们了。按照大纲,从上到下处理小部件。

如果内容块中现有的小部件不能满足要求,Visme的图形引擎提供了大量其他选项可供选择。

图标数组的截图,可以在Visme的编辑器中更改图标和颜色。

您还可以在仪表板菜单的data选项卡下找到许多其他类型的数据小部件。此外,您还可以为其他类型的数据尝试流程图构建器和地图引擎。选择是无止境的!

5.在信息图中插入图标和图形

插入内容并自定义数据小部件之后,在仍然需要可视化的部分中添加图标。

在Visme的编辑器中,图标和它的颜色在信息图中被改变的截图。

一些文本内容甚至可以完全被图标取代,比如列表上的数字或作为视觉支持。图标还可以帮助信息的流动和内容块的平衡。

6.平衡信息图中的排版

不要在你的信息图中使用超过两种字体;一个大点的用于标题,一个常规大小的用于信息和正文内容。

选择一种在视觉上与你的信息图的基调和目的相匹配的字体。例如,商业信息图使用Verdana或Helvetica等简洁的公司风格字体会很好看。

在Visme的编辑器中的信息图中更改字体的截图。

为了达到良好的平衡,可以使用两种风格的相同字体或两种完全不同的字体进行配对。要了解更多关于如何选择协同工作的字体,请查看我们的字体配对指南

7.调整信息图的颜色主题

信息图的最后一件事是调整颜色主题.单击Visme仪表板左侧的颜色主题选项卡。

有大约10个默认的颜色主题可用。点击其中一个,看看它们如何改变信息图中的每一个内容块。

一个屏幕截图的颜色主题可用在Visme的仪表板旁边的信息图。

另外,您还可以使用颜色选择器单独更改任何元素的颜色,或上传您自己的品牌调色板。

8.检查整个信息图的流程

完成信息图的最后一步是检查流程是否有意义。

信息是否易于阅读和理解?内容是否以正确的顺序吸引观众的注意力?

调整任何可能不能正常工作的文本或图标,并润色信息图的其余部分。

9.在页脚中添加来源和公司信息

还记得我们在计划阶段建议您保存用于为信息图挖掘信息的所有url吗?

您应该将使用过的所有源添加到页脚。这不仅是一种良好的道德行为,它还可以避免你陷入法律麻烦。

Visme编辑器中信息图页脚部分的截图。

如果你用自己的博客文章来获取这些信息,那就单独附上那个链接。在内容块库中有特殊的页脚内容块来帮助您。

Pro-tip:不要忘记在信息图的末尾添加你的网站和标志。它有助于建立品牌知名度,特别是如果你打算在社交媒体上分享你的图片。

10.校对和拼写检查所有内容

您的信息图表几乎准备好了!

在下载之前,再看一遍所有的副本,看看是否遗漏了任何拼写错误或语法错误。

如果比较容易的话,请同事帮你看一看。如果你使用的是图片,要确保它们是相关的,而且好看。另外,仔细检查图标,看看它们是否是最好的选择。

一旦校对完成,你可以使用工具,如Respona与你所在领域的相关博主和记者联系,以推广你的信息图。

如何用Visme商业帐户制作高级信息图

使用Visme制作信息图表是完全免费的,但如果你想获得一些高级功能,可以考虑订阅。

这里有一些好处Visme商业客户这将使您的品牌更容易创建信息图表:

一个信息图表展示Visme业务帐户功能,如品牌工具包,高级模板和交互性。

溢价模板

通过Visme完整订阅或团队帐户,您可以访问许多高级模板。这些都是专业设计的,在许多情况下,基于我们为自己的博客文章创建的相同的信息图。

品牌套装

Visme品牌工具包给你一个风格指南的力量,在那里你可以存储你的品牌字体,标志和图形供以后使用。此外,您还可以将任何自定义信息图转换为模板。您还可以在内容库中保存自己的内容块以供以后使用。

交互性

使用Visme业务帐户,您可以将交互元素添加到您的信息图和下载以HTML5格式离线使用。这可以确保即使你没有连接到互联网,你也可以展示你的交互式信息图。

如何制作出闪亮的信息图

制作信息图表曾经是一项艰巨的任务,但现在不再是这样了。

雇佣一个设计师来制作你的信息图可以让你的小企业预算在错误的方向上倾斜。

你可能会感到惊讶,现在设计师和非设计师都在使用Visme来创建各种用途的信息图。来看看我们的客户案例研究看看人们是如何使用我们的平台的。

免费注册Visme今天就开始制作你自己的信息图!

你学过如何让信息图脱颖而出吗?我们很想知道!如果你有任何问题或建议,请在下面的评论中告诉我们。

创造令人惊叹的内容!

设计视觉品牌体验为了你的生意不管你是经验丰富的设计师或者一个完全的新手。

免费试用Visme

    我们很吝啬,不和任何人分享电子邮件。

    作者简介

    Orana是一个多方面的创意。她是一名内容作家、艺术家和设计师。她和家人环游世界,目前居住在伊斯坦布尔。了解更多关于她的工作oranavelarde.com

    对“如何制作信息图表:终极指南”的25个回答

    1. 彼得 说:

      非常好的信息,谢谢

    2. […]如何制作信息图表:免费电子书初学者|视觉学习中心Visme[…]

    3. 约瑟夫 说:

      好东西。

    4. Ashutosh 说:

      感谢信息图表工具。我用你的网站为我的博客创建了一个非常好的信息图表。下面是使用visme创建的信息图的链接。

      https://www.gemsratna.com/most-powerful-gemstone-that-attracts-money

    5. 谢谢Nayomi给你的建议。
      信息图是最好的视觉内容分享艺术,它提高了任何网站的质量流量。我相信这不仅仅是一个链接建立策略,这是你的看法的肖像。
      谢谢分享!

    6. 安娜 说:

      嗨,Nayomi !

      谢谢你写这篇文章。我大约一个月前下载了这本电子书,我不敢相信你会免费提供这些信息!请不要改变:D。从几年前开始,我就对信息图感兴趣,但从未真正推动自己去尝试和制作一些信息图。在visme和阅读了这本电子书后(我真的不能称赞它):天哪,我想把信息图表作为我的职业!

      祝你过得愉快!
      安娜

      • 你好安娜!

        非常感谢你的夸奖。很高兴听到你发现这个免费资源很有用,尤其高兴它引导你考虑从事信息图方面的职业。作为一名数据和信息可视化爱好者,这确实是一个令人着迷的领域,我祝愿你在努力中一切顺利!最好,Nayomi

    7. 安妮 说:

      嗨Nayomi,
      我刚刚发现了你的书和你的网站,你所做的一切真的令人惊叹。祝你一切顺利!

    8. 参孙 说:

      2019年,信息图将真正把内容营销提升到一个新的水平。事实上,它是生成链接的最佳方式之一,如图所示

    9. 说:

      嗨Nayomi,
      优秀的文章。
      感谢您花时间创建所有这些自定义图形。这是了解更多信息图的好方法。

    10. 占星家语 说:

      谢谢你的帖子,我澄清了我的怀疑和学习…

    11. 罗伯特。 说:

      我喜欢你的文章,它们非常深入,涵盖了所有正确的东西。我只是希望有一个下载选项,因为我喜欢把东西存储在我的数字项目和设计文件夹中,我有它来快速参考。谢谢
      罗伯特。

    12. 玛丽ONeil 说:

      我等不及要深入研究了!!

    13. 好帖子。我被搜索“如何设计最好的图形?”最后我在这个博客上得到了信息。谢谢你发了这么好的文章。

    14. Kaushika沙玛 说:

      优秀的文章!谢谢分享!

    15. 凯瑟琳 说:

      有一天我想用一些好的信息图表。在这个话题上多学习多阅读。

    16. Tracie丛林 说:

      你好Orana,
      这太棒了!我想在我教的教学设计课上使用它。我可以在课堂上使用你的材料吗?
      真诚地,
      Tracie

    17. 最好的皮划艇救生衣 说:

      非常好的信息,谢谢

    18. 嗨Orana,

      谢谢你的深刻见解。我们是金奈的培训提供商,我们的受众是营销人员。我们强烈建议我们的与会者使用visme进行营销宣传,客户报告和客户演示。

      与其他高级版工具相比,该工具在免费版中具有许多功能。Visme正在为新兴的营销人员,自由职业者和个体企业家增加更多的价值。

      坚持下去!

      谢谢
      Organik怪物。

    留下回复

    你的电邮地址将不会公布。必填字段已标记