你好。这是创建可共享信息图表的初学者指南的另一集。最后一集，我与你谈过了如何创建信息图表的步骤。但今天，我们将有一些乐趣。我们将讨论如何设计您的信息图表。这是我们将要做一些很酷的东西，谈论设计，关于颜色，关于如何框架的信息。所以跟我在一起。我要把很多好的例子。我向您答应到最后，您将对如何创建信息图表有一个更好的想法。

创建一个线框

我要讲的第一件事是创建一个线框。现在，就线框而言，这与创建演示文稿非常相似。历史上，我创建了很多网站，这是我的起步。在过去进行设计，所以当你创建一个网站时，就像你创建一个家一样，你需要有一个蓝图，有一个架构。同样的原则也适用于信息图表。你需要建立一个线框图这将允许你将文本转换为视觉元素。

现在，当涉及到设置线框时，有不同的方法可以去做。但你要做的是尝试使用视觉隐喻和符号，让你建立信息图表的实际基础，然后从那里开始，你可以开始进入建立它的不同步骤。

现在，信息图表，非常类似于网页。有一个标题，有一个身体，有一个页脚。我将专注于标题和页脚上的一点点。如果您在此处查看此示例，则首先要做什么是专注于标题。这是你标题，你的字幕和你的介绍的地方，然后从那里开始，你想做的就是进入实际 - 肉，它的身体。身体可以设置不同的块，因此您可能想要设置粗略的插图或图标草图。你想进入图表和图表的粗略草图。同样，这可能是最初的条形图，但您可以始终切换到这一点。然后从那里开始，你只需要布局你的其余内容。

然后，您将谈论突出显示的统计数据和数字的位置。您可能有重复列，但基本上，这是内容的肉。并允许您以后，回去并设置设计。

1.决定视觉主题

让我们经历一些想法。我向你展示了一些线框概念，但从那里，尽可能终止，为了到达那里，让我们告诉你一些视觉主题。视觉主题是您将在一起的颜色和设计在一起，这将允许您实现更好的最终结果。

这是几个想法。如果你看这个，这个是关于“保存蜜蜂”的。您可以查看实际遵循该方案的颜色方案，并且在这种情况下，您还使用可视元素。它与蜂窝和蜜蜂有关。

现在，在这里的例子中，它是“致命的蛇咬”信息图表，有一个总体森林主题。如果你看下一个下一个，谈论“世界需要采矿”，那就是一个信息图，它非常整洁，因此一个人实际上是使用矿业机械的图像。如果您注意到，从颜色到实际图像的实际主题是实际的图像，甚至是所有的字体。他们有点不同，但他们实际上遵循类似的原则。

2.选择配色方案

接下来是选择配色方案。我讲了很多配色方案。在“19个设计错误”中，我谈到了你应该选择或不应该选择的颜色，以及你如何组合它们。在我做的演讲系列中，有三部分，我讲了很多关于颜色的内容。如果你看过这些，你会注意到它们非常相似，遵循着相似的概念。事实上，在设计中，媒体之间是有联系的，你实际上遵循的是非常相似的原则。

就像颜色一样，颜色独立地说出卷。如果你在这里看几种颜色，至少在西方文化中，在不同的文化中，在不同的文化中有点不同，但在这种情况下，用它作为一个例子。一些颜色协会，他们散发出不同类型的情绪。例如，西方文化中的红色与激情和浪漫有关，所以你想到情人节。你认为绿色与生育能力和自然有关。你想到了力量等，景观。这允许您实际说出卷，让您可以介绍某些情绪。您想仔细选择颜色。

现在，这将回到色轮。色轮是我所做的另一个系列。关于我向您展示了如何在轮子中选择颜色的剧集。这是一个非常简洁的工具，只需触摸真正的触摸，你想做的就是在并排放置时创造最具视觉兴趣。您想选择不同的色调和色调的色调。所以你想到一个区域，这允许您选择类似的阴影。但是，你也想做的就是你想进一步走到一边，然后选择另一个纯色和至少3个空间远离它。所以它允许这是你的口音颜色。

至于配色工具，如果你不是很熟悉，或者你觉得很难，你可以利用很多在线资源。我最喜欢的3是Adobe Color CC, Cooler Zaco和Paletton。你可以谷歌这些，让你真的很快找到一些互补的颜色，你可以很容易地使用你的工具。

保持它的简单性

接下来是关于保持简单。在设计方面，较少通常更多。不要使用太多颜色，也是3或4种颜色真的是你想要做的最大值。我建议2，是第三种颜色，这将是你的口音。在这里看看这个例子，它真的使用一个蓝色和另一个较暗的颜色，只是使用它的色调。

60-30-10法则

现在，60-30-10规则。而这一个很容易遵循概念。它基本上如下：60％的主要颜色，您想要将其应用于您的设计。在这种情况下，百分之百，60％或大约，在这种情况下，绿松石，这是你的主要颜色。和30％，它将是你的次要。这是这种情况下的米色。在这种情况下，他们的口音颜色是橙色，它正在利用一些不同的区域。你看看60-30-10规则，它允许你有一个很好的颜色平衡。

3.选择字体的组合

接下来是选择字体组合。我将花几分钟时间在这个问题上，因为在之前的章节中我已经做了很多讨论，但是前面的内容对于正确和干净的设计是非常重要的。以下是一些建议:

结合字体

您希望将Serif与San Serif结合起来创建对比度。Serif字体，一般来说，您想到了新罗马时代。他们有这些小提示。然后圣坐的字体解释，他们基本上没有。所以圣坐的字体，他们没有小旋钮。所以你考虑像Arial这样的字体。如果你一起结合起来，那么很难出错。您还希望避免从类似分类中选择字体。

实现对比和视觉层次

现在，让我们来谈谈如何实现对比和视觉层次。在不同字体之间改变点的大小，比如标题、副标题和正文。你看标题，“浪费”这个词，比副标题要大，等等。这样你就能有很好的对比度和不同的点大小让你能让用户关注你想要呈现给他们的不同元素。它还允许您为不同的内容赋予一定的优先级。你的标题是最大的文本。

为每个字体分配角色

现在，你还需要对字幕使用同样的字体。您希望为每种字体分配一个角色。这是一个很好的例子。您希望标题使用相同的字体，副标题使用另一种字体，或者至少使用不同的大小。另一个是主体文本。这样你就可以在它们之间有一个很好的对比，并且对这些元素有作用。

将不同的字体与比较中性的字体配对

您希望将不同的字体与中性色调配对。这个例子清楚地表明了你。

使用来自同一字体的不同字体

而且，您希望使用来自同一字体的不同字体。此信息图表在这里向您展示了一个很好的例子。

坚持两三个字体组合

接下来，您希望保持简单。就像谈到不同颜色和不同的设计。你的字体，保持简单。所以真的坚持到两个，最多三种颜色组合就像你在这里注意到了。

字体组合的例子

所以，我身后的字体组合的例子。这是我的一些最爱。Oswald，Rokkitt，Volkorn，所以这些字体使用很酷，您可以实际使用它们大尺寸，它们仍然看起来很干净和漂亮。

4.如何选择和使用正确的图标

第4号，如何选择和使用右图标。再次，在您的信息图表方面，您正在创建，粘性，易于理解的内容，图标真的允许您在视觉上创建视觉上的内容。

1.用图标代替名字和标题

因此，您希望尽可能替换与图标的名称和标题。有时它没有意义，但希望让它成为你的目标之一。而不是尝试键入每个文本或列表或图表中的每个行，而不是尝试使用它们旁边的图标。

2.在图表中使用图标

你也可以在图形和图表中使用图标。如果你看这个图表，不是每次旁边都有文字和图例，而是使用了像图标这样的视觉提示。

3.使用图标传达主题

接下来您是否希望使用图标来传达主题。在这种情况下，您可以查看“智能，可扩展的客户端摄入过程”，而不是写入很长的段落，这可能只是子弹列表，或者实际上将呈现为可视格式的长段落。

4.在列表中使用图标

接下来，您希望在列表中使用图标。这是在我们的工具visme中，我们看到很多人很容易创造这种类型的信息图表。它有点酷炫，因为它只是基本上与图标的文本。这在初学者中很常见。所以你所做的是文本的简单诗句，你旁边有视觉效果，这样你就可以创建列表。

5.在标题中使用图标

您也可以在标题中使用图标。这允许您说明诸如此处的示例之类的主要概念。

6.在背景中使用图标

此外，您可以在后台使用图标。So if you use icons in the background as a header or in a section, if you do that, make sure that the icons behind the scenes, such as the top here, they have a lot of transparency to them, that way they’re not overtaking the front of the title.

7.使用图标解释一个概念

此外，您还需要使用图标来解释概念。创建一个自定义的图像，使用图标，这样你就可以说明一个概念，比如这里的例子。

8.坚持一种图标风格

你也可以坚持一个图标风格。这是我在演示文稿，信息图表等中看到的共同设计错误之一。人们基本上混合并匹配不同的图标。但是你必须考虑你的信息图表，并尝试利用类似的样式图标。所以你不想做的是在这里的左侧，那就是你已经概述充满了不同类型的图标，真正显然不会彼此去。但如果你看一个右边的下一个，你可以清楚地看到有类似的样式图标。他们都是平坦的，实际上是色彩缤纷的。它们实际上具有一定程度的一致性，并为您提供干净整体的专业外观。你想在整个信息图表中遵循。

9.与字体对图标

此外，您还想将图标与字体配对。字体和图标，为了让他们一起去，对他们来说必须具有一定的和谐设计。你想确定风格和音调。并且您希望相应地选择您的字体和图标，例如这两个示例。

10.与彩色调色板对图标

此外，尝试匹配您的信息图的配色方案与图标。将图标和字体与调色板配对。如果你看这两个不同的图标，它们实际上有两种不同的颜色每一种颜色都有一个对应的颜色。

5.实现美观(和功能性)的设计

现在，第5号正在实现美观而功能的设计。让我们谈谈这一点，我会向你展示一些例子。

背景图像

再次，背景中的图像中的一个重要部分是它们不应该超过前面，它应该是一定的对比度。您还希望传达某种情绪，并有助于您在此处开发视觉主题，如在此处的几张图像。接下来，您想要做的是希望利用彼此对应的图像。这里的示例正在利用欧洲城市的图像。这里有一种感觉在这里的风景秀丽的白色冬季。它遵循它。有一个随机使用照片，但它实际上即使是顶部和底部的一个。

这里的例子，它所利用的是吸引人的，在标题部分的布一样的纹理。这里也有一些建议。

1.选择能唤起正确情感的图片

你想选择精心挑选的照片。因为它们本身就很有说服力，所以如果你使用正确的图像，就能唤起正确的情感，比如这里的例子。

2.使用字体来强化你的信息

此外，你要使用字体来加强你的信息。如果你看看这里的“动物世界”信息图，实际的字体本身，它与图像和信息图的基调是一致的。

3.制作文字可读。

另外，确保文本是可读的。所以，如果你的信息图中有文本，请确保它可读性强，易于理解，尽可能缩短，并利用形状和框架。你可以在下方放置矩形，这样如果没有矩形，就很难阅读屏幕上的文本。后面的矩形在文本下面有一点透明，可以让你更容易地阅读信息。

4.使用一定程度的透明度来创造对比度

使用程度的透明度来创建对比度。您希望创建更均匀的排版表面，应用与背景提供对比的文本颜色。在此示例中，与它前面的元素和代替文本的元素，例如，侧面是黑色的，它实际上是白色的，这是白色的，因此是白色的，所以这是一定的对比度

5.将文本放在不那么繁忙的部分中

此外，你还需要使用相对空白的背景。如果你看这里的例子，这张照片被选中，大象是照片的焦点，周围有足够的真实的球场，所以你可以使用元素。请注意，大象的鼻子上方或头部中央实际上并没有什么东西，因为它有意利用这一空间。所以你要专注于这个图像选择。

6.将照片元素

现在，积分照片元素。创建一个动态的、有凝聚力的设计，就像这里的例子

分隔件

另外，必要时还可以使用分割器。一张信息图，你想让它们多高就有多高。你要确保你真的把它们分成了小块的内容。所以你可以用除法。分隔符可以使用颜色，也可以是用线条、箭头分隔的块，你也可以使用丝带和数字。我有几个例子要给你们看。

这是在这里使用的实际箭头。如果你看看这里的小图标，你清楚地看到它指向右边，所以你看起来，然后将你的眼睛朝向右侧观察。

此外，其他人之间的划分为分隔线，可以使用。这里的一个例子，它在谈论水，它在水方面沟通，所以视觉到分频器正在利用波浪。这只是有点随之而来的。

如果你想要使用平面图标或平面条带，你也可以使用更深入的带有阴影的图标，但我建议你坚持使用那些有非常小的渐变和非常牢固的图标。这是一个填充的彩色丝带，它实际上与其余的设计是利用一个平面设计。

使用数字来分隔每个部分。在允许您实际更容易遵循的部分之间有利用数字。

几何形状

此外，您实际上可以使用几何形状。基本元素，您将要框架内容，突出显示此处的示例等重要点。您可以使用数字和统计数据，您可以使用矩形和六边形突出显示这些数字和统计数据。这里的这个数字下有一个实际的六角形。它可能是一个圆圈，可能是一个矩形，它只是在这个设计中有效利用六角形。

此外，框架关键点。您可以使用圆圈和矩形，您实际上可以拥有统计数据，数据突出更多，让您致力于将眼睛转向该焦点。

可视化数据

和可视化数字。这是一个很好的例子。你有数字，很多信息图表是关于数据可视化的，所以它是关于统计和数字，所以你要做的是使用更大尺寸的数字，这让你把注意力吸引到重要的数字上。你实际上是在创造容易理解的内容。

此外，你还可以使用radials, dial，仪表，钟表和仪表，所以在我们自己的工具Visme和其他工具中，我们有所有这些小工具，让你可以拖放这些小数据和数字。这在信息图中是推荐的。

并且还使用人们的图标和对象，在这里的例子中，有一系列人物，这允许可视化统计和大量数据。所以你可以谈谈一百万人，每个人都可以反映10,000人。这允许您实际拥有并将统计数据或比例与另一个人之间的统计数据或比例相关联。

这是很多信息，但我有点像我可以使用很多例子。如果你至少把这一部分掌握，那就太棒了。Feel free to watch this video again and I’m going to be talking a little bit more about creating shareable infographics and get a little bit more in-depth to some of the items in the next episode and again, we have a really good e-book that this video series is based on. The link is going to be at the bottom. Feel free to download it. And I will see you guys again next time.