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

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

写的:
Orana Velarde

2019年6月24日
一组三个人在信息图上实际添加部件的插图。

以下是你需要遵循的9个步骤制作一个突出的信息图表:

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

想要了解以上列出的每一个步骤吗?

继续阅读。

制作信息图表的9个步骤

如何制作信息图:规划

在开始设计信息图之前,您需要做一些事情。

在规划您的信息图设计时,采取这些第一步可能意味着一个实际可行的惊人信息图与成千上万个其他平庸的图之间的区别。

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

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

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

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

需要在几分钟内创建专业外观的信息图?

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

签约。这是免费的。

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

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

另一方面,如果这个信息图表是针对其他用户的,你需要清楚地定义它是针对谁的。

知道你的听众是谁,就更容易决定副本的语气,信息图表的尺寸和用于设计的颜色。

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

你的听众是高度学术还是更倾向于视觉?他们喜欢数据可视化还是简单明了的信息?

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

找出哪些信息图表的用户参与度最高,哪些不太好。别忘了向成功人士学习。

2.定义信息图的目标

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

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

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

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

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

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

定义信息图的主题类似于定义故事的主题。它给了整个东西一个支柱和可以依附的东西。

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

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

喜欢这个信息图表模板吗?今天就开始定制吧! 编辑和下载

确保你的信息图表聚焦于一个要点。不要选择一个太宽泛或模糊的话题。你的信息图表的主题越具体,它提供的价值和深度就越大。

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

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

如果信息图表是伴随一篇博客文章,你不需要进行很多外部研究,除了文章中包含的内容。

但是如果信息图表是独立的,开始从可信的来源挖掘相关的统计数据,并把所有的文本信息和数据集

5.核对所有事实,并注明出处

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

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

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

一旦你有了所有的数据和信息,找出如何可视化它。

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

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

Visme中地图功能的截图。

看看Visme编辑器里面,已经结束了44种图表,以获得更多数据可视化选项。

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

一旦你弄清楚了所有的数据和信息,就该为你的信息图表文案的其余部分定下基调了。

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

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

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

为信息图表撰写文案与为文章或报告撰写文案略有不同。诀窍是提前思考,把文本分成几个部分。

信息图表的副本看起来更像一个大纲,而不是带有段落的文本。把每个部分分开,用一种既容易读又符合你的语气的方式来写。

9.绘制信息图的线框图

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

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

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

如何制作信息图表:设计

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

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

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

详细阅读这两个选项,从中获得最大的收获信息图表设计教程

如何用模板制作信息图

四个信息图表模板拼贴在Visme可用。

从模板开始绝对是最简单的方法创建一个图表看起来很专业,也不会花很长时间。

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

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

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

但在此之前,你需要确定哪种信息图模板最适合你的线框。考虑到这一点,让我们来看看Visme中可用的不同类型的信息图表模板。

Infographic展示了Visme中提供的10种信息图表模板。

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

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

签约。这是免费的。

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

让我们开始吧!

1.为您的信息图选择模板

选择正确的模板是弄清楚如何在几分钟内制作与您的数据类型相适应的信息图的第一步。

要选择一个完美的模板,选择一个类别,然后浏览整个集合,直到你找到一个适合你的线框。

如果你不确定你需要的信息图的类别,滚动模板库来获得可能性的想法。

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

当你找到最好的模板时,打开查看器并再次检查整个内容。如果它是好的,在编辑器中打开它。如果不是刚刚好,继续滚动,直到你找到一个更好的。

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

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

喜欢这个信息图表模板吗?今天就开始定制吧! 编辑和下载

如果你想遵循这些步骤,只需登录到你的Visme仪表板,点击下面的模板。如果你没有Visme帐户,你可以在这里免费注册

2.将内容插入模板占位符中

现在模板已经摆在您面前,现在可以插入您自己的内容了。在开始之前,仔细看一下模板和其中的部分,并将其与文本大纲进行比较。

如果您的大纲有更多的部分,您可以很容易地将它们添加到模板中。如果你的大纲比较短,那就去掉其中的几个部分。

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

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

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

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

不要忘记将标题放在信息图的顶部。让它看起来很重要,使用强大的字体样式,吸引注意力,并使其居中。

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

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仪表板左侧的颜色主题选项卡。

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

Visme仪表板上的颜色主题截图和信息图表。

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

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

完成信息图的最后一步是检查流程是否合理。

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

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

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

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

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

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

如果您使用自己的博客帖子获取信息,请单独包含该链接。在内容块库中有一些特殊的页脚内容块可以帮助您。

Pro-tip:别忘了在信息图的结尾添加你的网站和logo。它有助于创建品牌知名度,特别是如果你计划在社交媒体上分享你的图片。

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。几年前我就对信息图感兴趣了,但我从来没有真正地推动自己去尝试做一些。在阅读了这本电子书之后(我真的无法夸赞它):天哪,我想把信息图表作为我的职业!

      祝您有愉快的一天!
      安娜

      • 你好安娜!

        非常感谢你的赞美。很高兴你发现这个免费资源很有用,尤其高兴它引导你考虑从事信息图表方面的职业。作为一个数据和信息可视化的爱好者,这确实是一个令人着迷的领域,祝大家工作顺利!最好,Nayomi

    7. 安妮 说:

      嗨Nayomi,
      我刚刚发现了你的书和你的网站,你所做的真的很了不起。祝你一切顺利!

    8. 参孙 说:

      到2019年,信息图将真正把内容营销带到一个新的水平。事实上,它是生成链接的最佳方式之一,正如在viselance的这张信息图中看到的那样

    9. 说:

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

    10. 占星家语 说:

      谢谢你的帖子,我澄清了我的疑惑并学习了…

    11. 罗伯特。 说:

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

    12. 玛丽ONeil 说:

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

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

    14. Kaushika沙玛 说:

      优秀的文章!谢谢分享。

    15. 凯瑟琳 说:

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

    16. Tracie丛林 说:

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

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

      优秀的信息,谢谢

    18. 嗨Orana,

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

      与其他高级版本工具相比,这个工具在免费版本中有许多特性。Visme正在为崭露头角的市场营销人员、自由职业者和个体创业者提供更多价值。

      坚持下去!

      谢谢
      Organik怪物。

    留下一个回复

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

    现在可用:成为一个认证的演讲专家免费 把这门课