嗨。这是《创建可共享信息图的初学者指南》的另一集。上一集，我向大家介绍了如何创建信息图的步骤。但今天，我们要找点乐子。我们将讨论如何设计你的信息图。这是我们要做一些很酷的事情的地方，谈论设计，关于颜色，关于如何构建你的信息图。跟我来。我会举很多好的例子。我保证在这门课结束的时候，你会对如何创建信息图有更好的理解。

创建线框

我要讲的第一件事是创建线框。现在，就线框而言，这与创建演示文稿非常相似。其实很像，我创建过很多网站，我就是这么开始的。在过去的设计中，当你创建一个网站时，它非常类似于你如何创建家园，会有一个蓝图，有一个架构的设置。同样的原理也适用于信息图。所以你实际上要建立一个线框，这将允许你把你的文本翻译成视觉元素。

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

现在，信息图表，非常类似于网页。有一个页眉，一个正文，还有一个页脚。我将稍微关注一下页眉和页脚。如果你看这个例子，你首先要做的是把注意力集中在标题上。这是你的标题，副标题和介绍的地方，然后从那里，你要做的就是进入实际的部分，正文。主体可能由不同的块组成，所以你可能想要设置插图或图标的粗略草图。然后，您想要进入图表和图形的粗略草图。再一次，这可能是一个柱状图，但你可以随时切换。然后从那里开始，你只需布局剩下的内容。

然后，你将讨论突出显示的统计数据和数字的位置。您可能有重复的列，但基本上，这是内容的主要部分。这样你就可以，在以后，回头去建立设计。

1.决定一个视觉主题

让我们来看看一些想法。我给你们展示了一些线框图的概念，但是从它开始，到最终的结果，为了到达那里，让我们给你们展示一些视觉主题。视觉主题是你将颜色和设计结合在一起的地方，这将使你获得更好的最终结果。

这里有一些想法。如果你看这个，这个是关于“拯救蜜蜂”的。你看到的配色方案实际上遵循了该方案，而且你在这种情况下使用了视觉元素。它与蜂巢和蜜蜂有关。

现在，在这个例子中，它是“致命的蛇咬伤”信息图，有一个总体的森林主题。如果你看下一个，是关于“世界需要采矿”的，这是一张信息图，它非常简洁，实际上使用了采矿机械的图像。如果你注意到，从颜色到图像的实际类型，甚至是字体，都是遵循主题的。它们有一点不同，但实际上它们遵循相似的原则。

2.选择配色方案

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

就颜色而言，颜色本身就能说明很多问题。如果你看这里的一些颜色，至少在西方文化中是这样的，同样，在不同的文化中是有一点不同的，但是在这个例子中，以那个为例。一些颜色的联想，它们散发出不同类型的情绪。例如，红色在西方文化中与激情和浪漫联系在一起，所以你会想到情人节。想到绿色，你就会想到生育力和自然。你想想力等等，风景。这能让你畅所欲言，让你流露出某种情绪。你要仔细选择颜色。

现在，回到色轮。色轮是我做的另一个系列。有一集我讲过如何在轮子上选择颜色。这是一个非常简洁的工具，只是快速地接触一下，你要做的是在并排放置时创造出最大的视觉趣味。你想要选择不同的色调和色调。所以你考虑一个区域，这样你就可以选择相似的色调。但是你还需要做的是你想要往边上移一点然后选择另一种纯色并且离它至少3个空格。这样它就可以成为你的强调色。

至于配色工具，如果你不是很熟悉或者你觉得很难，你可以利用很多在线资源。我最喜欢的3个是Adobe Color CC, Cooler Zaco和paltton。你可以通过谷歌来快速地找到一些可以在工具中轻松使用的颜色。

保持简单

下一件事是保持简单。在设计方面，少即是多。不要用太多的颜色，3到4种颜色是你想用的最多的颜色。我推荐两种颜色，第三种颜色会成为你的重点。看看这个例子，它实际上使用了一种蓝色和另一种更深的颜色，只是使用了它的色调。

60-30-10规则

现在，60-30-10规则。这个概念很容易理解。它基本上是这样的:你想把60%的原色应用到你的设计中。百分之百，60%或者大约，在这个例子中，蓝绿色，是你的原色。而那30%，将是你的第二部分。这里是米色。你的强调色，在这种情况下，是橙色，它利用了几个不同的区域。你可以看看60-30-10法则，它可以让你有一个很好的颜色平衡。

3.选择字体组合

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

把字体

你想要结合衬线和无衬线来创造对比。衬线字体，一般来说，你会想到Times New Roman。他们有这些小窍门。然后San Serif字体来解释一下，它们基本上没有。San Serif字体，它们没有小旋钮。比如Arial字体。如果你把这些组合在一起，就很难出错。你也要避免从相似的分类中选择字体。

实现对比和视觉层次

现在，让我们谈谈如何实现对比和视觉层次。在不同字体之间改变点的大小，你知道，标题，字幕和正文。你看标题，“浪费”这个词，比副标题大，等等。这样你就可以有一个很好的对比和不同的点大小，让你把用户的注意力集中在你想要呈现给他们的不同元素上。它还允许您为不同的内容提供一定的优先级。所以你的标题，是最大的文字。

为每个字体分配一个角色

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

用不同的字体搭配更中性的字体

你想用一种独特的字体搭配一种中性的色调。这个例子清楚地说明了这一点。

使用同一字体的不同字体

而且，你想用同一种字体的不同字体。这张信息图就是一个很好的例子。

坚持使用2 - 3种字体组合

接下来，你要保持简单。就像不同的颜色和不同的设计一样。字体要简单。所以要坚持两种，最多三种颜色组合，就像你在这里注意到的那样。

字体组合的例子

我身后是一些字体组合的例子。以下是我最喜欢的几个。Oswald, Rokkitt, Volkorn，这些字体用起来很酷你可以用大字体，它们看起来仍然很干净漂亮。

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

第4，如何选择和使用正确的图标。再说一遍，就你正在创建的信息图表而言，简单易懂的内容，图标真的可以让你创建视觉上容易理解的内容。

1.用图标替换名称和标题

因此，您希望尽可能多地用图标替换名称和标题。有时候这没什么意义但我想把它作为你的目标之一。与其尝试每行输入文本、列表或图表，不如尝试利用它们旁边的图标。

2.在图表中使用图标

你也可以在图形和图表中使用图标。如果你看这张图表，不是每次都有文本和图例在旁边，它实际上使用的是视觉线索，比如图标。

3.使用图标来传达主题

接下来是你想用图标来传达一个主题。在这种情况下，你会看到一个“智能的、可伸缩的客户吸收过程”，而不是写一个长段落，这可能只是一个项目符号列表，或者一个长段落实际上是以视觉形式呈现的。

4.在列表中使用图标

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

5.在标题中使用图标

你也可以在标题中使用图标。这可以让你解释主要概念，比如这里的例子。

6.在后台使用图标

此外，你还可以在后台使用图标。如果你在后台使用图标作为标题或在章节中，如果你这样做，确保幕后的图标，比如这里的顶部，它们有很多透明度，这样它们就不会超过标题的前面。

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

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

8.坚持使用一种图标样式

你也可以坚持使用一种图标样式。这是我在演示文稿、信息图表等中看到的常见设计错误之一。人们只是混合搭配不同的图标。但你必须考虑你的信息图的基调，并尝试使用类似的风格图标。所以你不想做的是在左边这里，那是你勾勒出的充满不同类型的图标的地方，很明显，它们彼此不协调。但是如果你看右边的下一个，你可以清楚地看到有一个相似的样式图标。它们都是扁平的，实际上是彩色的。它们实际上有一定程度的一致性，给你一个干净和整体专业的外观。你要在整个信息图中遵循这一点。

9.将图标与字体配对

此外，您还希望将图标与字体配对。字体和图标，为了让它们在一起，必须有某种和谐的设计。你要确定风格和语气。然后相应地选择字体和图标比如下面这两个例子。

10.将图标与调色板配对

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

5.实现一个漂亮的(和功能性的)设计

接下来，第5点是实现美观和实用的设计。我们来讨论一下，我会给你们看几个例子。

背景图片

同样，关于背景图像的一个重要部分是，它们不应该超过正面，并且应该有一定的对比度。你也想要传达某种情绪，它可以帮助你发展你的视觉主题，比如这里的一些图像。接下来，你要做的是利用相互对应的图像。这里的例子是利用欧洲城市的图像。这里有一种令人想起风景优美的白色冬天的感觉。这是一种跟随。photo的用法是随机的但它实际上是对应在一起的即使是上面的和下面的。

这里的例子，它使用的是吸引人的，像布料一样的纹理在标题部分。这里还有一些建议。

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

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

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

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

3.使文本可读。

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

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

使用一定程度的透明度来创造对比。你想要创建一个更统一的排版表面，应用文本颜色与背景形成对比。在这个例子中，前面的元素有一定程度的对比，比如，两边的文字是黑色的，而实际上是白色的，所以有一定程度的对比

5.将文本放在不太繁忙的部分

此外，您还希望使用相对空白的背景。如果你看这里的例子，这张照片是以大象为焦点的，它周围有足够的空间，所以你可以利用这些元素。请注意，大象的鼻子上或头部中心实际上没有任何东西，因为它故意利用了空的空间。所以你要把注意力集中在图像选择上。

6.集成照片元素

现在，对照片元素进行积分。创建一个动态的和有凝聚力的设计，比如这里的例子

节分规

另外，你还需要使用分段分隔符。一个信息图它们可以和你想要的高度一样高。你要确保你实际上把它们划分成可零食的内容块。所以你可以利用分割线。分隔符可以使用颜色，也可以是块，用线条、箭头分隔，你也可以使用丝带和数字。我有几个例子要给你们看。

这个用的是真正的箭头。如果你看这里的小图标，你会清楚地看到它是指向右边的，所以你看着它，然后它会把你的眼睛转向右边。

此外，破折号，数据曲线和之字形线等都是分隔符，所以你可以利用。这里有一个例子，它是关于水的，它是用水来交流的，所以视觉上的分隔符使用了一个波。这就像一直在做一样。

你想要使用平面图标或平面缎带，你也可以使用有阴影的深度图标，但我建议你坚持使用有非常小的渐变和非常扎实的图标。这是一个填充的彩色缎带，它实际上与其余的设计是利用平面设计。

用数字把每个部分分开。在部分之间有数字的使用，这让你实际上更容易跟上。

几何形状

此外，您还可以使用几何形状。基本元素，你要框架内容，突出重点，比如这里的例子。你可以利用数字和统计数据，你可以用矩形和六边形突出显示这些数字和统计数据。在这个数字下面有一个六边形。它可以是一个圆，也可以是一个矩形，在这个设计中，它可以利用一个六边形。

此外，还要列出要点。你可以使用圆形和矩形，你可以让统计数据和数字更加突出，让你的眼睛转向焦点。

可视化数据

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

同样，你可以使用径向，刻度盘，仪表，时钟和仪表，在我们自己的工具Visme和其他工具中，我们有所有这些小部件，让你只需拖放，就能看到这些小数据和数字。这在信息图中是推荐的。

也可以使用人物的图标和对象，在这个例子中，有一个人物数组，这可以使统计数据和大量数据可视化。所以你可以说有一百万人，每个人可以反映一万人。这样你就可以把统计数据和人口比例联系起来。

这是很多信息，但我尽可能地利用了很多例子。如果你至少掌握了其中的一部分，那就太棒了。欢迎再看一遍这个视频，我将会多讲一些关于创建可共享的信息图表的内容，并在下一集更深入地讨论一些项目，再说一次，我们有一本非常好的电子书，这个视频系列的基础是。链接会在底部。欢迎下载。我们下次再见。