使用图表和图形作为内容

WebFX总统。Bill在互联网营销行业拥有超过25年的经验,专长于搜索引擎优化、用户体验、信息架构、营销自动化等。William在Shippensburg和MIT的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研究和开发项目提供了基础。

使用图表和图形作为内容作为一名设计师,你是否曾经参与过包含大量数据的项目,如年度报告、宣传册甚至博客文章?许多设计师收到的文件中都包含了大量令人昏昏欲睡的信息,他们希望这些信息能让他们看起来更有亮点——类似于极端改造:数据版.解决方案是通过使用图表和图形以一种吸引人的格式将这些信息可视化。

有些人可能会认为图表和表格数据一样无聊,但就像任何东西一样,图表可以设计得机智和有品味。在这篇文章中,我将讨论什么时候使用图表,有哪些类型的图表,图表的设计元素,如何为图表收集数据,以及如何创建图表。

何时使用图表

在我们进入有效图表创建的具体细节之前,让我们先谈谈是什么让图表有用。正如睿智的所罗门曾经说过的,“每件事都有一个时间”,这包括使用图表。图表是最有用的将大量的信息打包成简单易用的格式用于比较和识别数据集的趋势。

作为正确使用图表的真实例子,我们只需要着眼于无处不在谷歌分析何时使用图表显示浏览器使用情况的分析设计指导你能想象如果谷歌Analytics不绘制网站统计数据,而是简单地以表格或列表格式输出原始数据吗?

你会错过90%的重要信息!假设说,你在可口可乐工作,他们给你一张表格,上面有详细的数据,显示在调查中喜欢可口可乐而不喜欢百事可乐的人数,需要在宣传册上显示出来。您可以使用图表来提供一个视觉快照,比较可口可乐和百事可乐的饮酒者,这不仅比表格更有趣,而且可以让读者几乎立即了解差异。

类型的图表

在写这一部分的时候,我意识到图形作为一种传递信息的方式是多么强大。你可以通读下面的定义,但我猜大多数人只会简单地看一下图片,然后继续看,因为它更容易从视觉上吸收信息和想法。这与绘制数据是完全相同的概念!

下面是一些用于数据可视化的流行图表和图形类型。

饼状图

饼图(圆图)是一种圆形图表,它被分成几部分来说明比例。饼状图

条形图

条形图(条形图)是一种由水平或垂直排列的矩形条组成的图表,矩形条的长度与它们所代表的值成比例。条形图

散点图

散点图将数据显示为点的集合。图表上的每个点在横轴和纵轴上都有两个变量。散点图

线/区域图

面积图(是折线图的一种变体)是由由一条线连接的一系列数据点组成的。线/区域图源。

图表的设计元素

在设计图表时,通常有四个主要部分可以定制(尽管不是每种类型的图表都同时使用它们)。这些元素是标题、图例、数据(节/条/点)和参数(轴、标记)。的图表标题应该准确地描述图表要描述的内容。

它应该足够大,便于阅读,但不能太大或太分散注意力。换句话说,它应该完成它的工作,然后让开。的传说是描述数据的东西——它让你的图表有意义,通常比数据本身更小。

传说通常放在数据下面,但并非总是如此。图例内项目的颜色应与图表上的数据相对应。根据使用的图表类型,数据可以有很多不同的形式。

例如,它可以是2D、3D或纹理。的轴和标记应该有点淡出背景,但在需要的时候容易阅读。

收集数据

有时数据会以整齐的表格格式提供给您。如果是这样,那么你很幸运,因为这时候创建图表会更容易。如果没有,您的任务是收集适当的信息,并将其放入您自己的表中,以便将其变成更酷的内容。

这是真的就像把数字塞进电子表格一样简单。虽然任何电子表格应用程序都可以工作,但请记住,有些应用程序内置了强大的图表创建工具(我将在下一节详细讨论程序和技术)。

案例示例:可视化设计博客推广技术

如果我正在收集自己的数据并从头开始,我将打开一个空白的电子表格并放置一些标签。例如,我最近发表了一篇博客文章,根据我进行的一系列采访,详细介绍了流行设计博客(包括你现在正在使用的博客)作者最喜欢的推广技巧。为了让这篇文章更吸引人,我整理了一个条形图,详细说明了最常用的促销技巧。

设计博客的可视化推广技术描述流行设计博客最喜欢的推广技巧的条形图。源。为了做到这一点,我必须收集我自己的数据,把它放在一个表格中,然后把它变成一个图表。

我做的第一件事就是创建一个新的电子表格。在第一列中,从第2行开始(如果您愿意,可以在第1行标记该列),我输入了不同的推广技术,如Twitter、Digg等。在第二栏中,我把每项晋升技巧在面试中被提及的次数加了1次。

结果发现有16位受访者提到了Twitter,所以在我的电子表格中,Twitter的右边我只写了16位。每次提到促销技巧时,我都会这样做,直到我完全通过了每一个回复。这当然只是其中之一简单的例子收集和组织数据。

创建一个图表

有一些不错的程序可以用来创建外观流畅的图表。的三个主要的是Illustrator, Numbers和Excel数字(Mac OS)和Microsoft Excel当然都是电子表格程序。

我个人更喜欢使用Numbers,因为它提供了流畅的功能,比如可以映射到图形部分的3D图表和纹理。在Adobe Illustrator中创建图表也很好,因为它提供了完全的灵活性。Illustrator还可以很容易地获得3D效果,和Illustrator中任何可编辑的对象一样,你可以操作图表,这是电子表格程序无法做到的。

许多设计师更喜欢使用Illustrator而不是电子表格程序,因为他们很容易保存和使用Illustrator文件,而电子表格文件必须导出才能使用。

在Illustrator中创建图表:概述

打开新文档后,你要做的第一件事就是打开Window > Show Tools。现在你可以点击图形工具,它会打开一个充满选项的窗口。通过选择图表类型,您可以开始自定义图表的外观和感觉。

点击确定,然后选择图形工具,点击并拖动打开的文档,以定位和大小的图形。一旦松开鼠标按钮,将弹出一个窗口,您可以输入或导入图表的数据。

创建数字图表:概述

一旦有了输入数据的电子表格,创建图表就很简单了,只需突出显示想要包含的单元格并单击工具栏中的Charts即可。从这里,会出现一个弹出菜单,允许你从11种不同的图表类型和8种3D变化中进行选择。如果您在电子表格中对图表的数据进行更改,它将自动在图表中更新。

您可以用鼠标抓取图表的一角来调整宽度、高度和显示的数据量。

在Excel中创建图表:概述

与Numbers类似,一旦你有了一个输入了数据的电子表格,你只需点击几下鼠标就可以创建一个图表。突出显示要包含在图表中的单元格,然后单击“插入> Charts”。选择图表类型,就完成了!

DIY图表:自己制作

不是每个图表都必须由程序为你创建。根据不同的情况,自己动手是完全可行的。信息图形,或信息图,基本上是类固醇图表,通常包含标准图表和额外的创造性输出和才华。

很容易组装一个维恩图解在Photoshop或Illustrator中添加一些圆圈。一个非传统图表的例子这是一个不太常见的披头士工作时间表图表类型的例子。

制作更好图表的建议和想法

这里有一些很好的方法可以让你的图表变得有趣,并让它们脱颖而出。

使用纹理

试一试使用纹理而不是纯色在你的图表部分/条形图中。木质或金属颗粒看起来特别漂亮。使用纹理

使用深度

添加深度以使图表看起来更立体总是好的,但会影响可读性,所以请确保不要在这里做得太过火。使用纹理

手绘图

手绘图表虽然一般不太准确,但可以增添一些酷的元素。手绘图

添加香料的其他方法

您还可以使用自定义图标来替换无聊的标签。我最喜欢的另一种使图表更加突出的方法是将现实世界中的物体以图表的形式排列。为什么不使用一个真正的饼来制作饼图,或者将易拉罐堆叠在一起形成条形图呢?

图表的结论

大多数设计师,尤其是那些为企业客户处理大量打印工作的设计师,最终的任务是找到一种创造性的方式来显示表格或图表数据,这是有意义的,因为图表是显示信息的明智方式。我希望这篇文章已经向您展示了图表不必看起来很无聊或很难制作,并在视觉图形的设计和创造方面给您带来灵感。有更多的技巧,技术,教程使用图表和图形?

请在评论中分享。

相关内容

WebFX职业

加入我们的使命,为全球企业提供行业领先的数字营销服务——同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!