别人画的数据分析图快成平面设计了,你还在搞柱状图?

信息可视化包括了信息图形、知识、科学、数据等多方面的可视化表现形式,并且需要和视觉可视化设计相结合。甚至地图、表格、图形、文本等都是信息的表现形式。

比如在作品集的制作过程中,我们前期的调研数据有时候逻辑关系会比较复杂,不是很容易被大家直观理解。这时候,我们可以将抽象数据或繁复的逻辑关系以更容易被读取的可视化图表形式展现,更好的为我们所用。

别人画的数据分析图快成平面设计了,你还在搞柱状图?

01 信息可视化图表的种类

其实信息可视化包含的范围很广,下面我们将这些可视化的信息图表进行简单分类,看一下不同的数据图分别具有怎样的特征,又更适合在哪一类数据分析中使用。

1.圆环图

首先,我们来看一下可视化信息图中最典型的一类——圆环图。这一类的数据图更适合反映各部分与整体的比例关系,大多比较适合同层级属性或概念中数据的一些可视化分析。

别人画的数据分析图快成平面设计了,你还在搞柱状图?

2.折线图与面积图

这类图主要强调某一数值随时间变化的程度,会引起人们对总值趋势的注意。当然折线图不局限于平面形式,三维立体一样可以达到很好的效果。

别人画的数据分析图快成平面设计了,你还在搞柱状图?

别人画的数据分析图快成平面设计了,你还在搞柱状图?

别人画的数据分析图快成平面设计了,你还在搞柱状图?

3.雷达图

雷达图又可称为戴布拉图、蜘蛛网图,更适合反映同层级中各属性的平均差异,比较适合同一对象的不同属性之间的对比,可以很直观的看到各属性之间的差异。

别人画的数据分析图快成平面设计了,你还在搞柱状图?

4.流程图

流程图是流经一个系统的信息流、观点流或部件流的图形代表。是帮助我们整理思路的一种好方法,尤其是对于逻辑性比较复杂或是过程比较繁琐的事件,可以让我们对整体过程有一个全面清晰的了解。

别人画的数据分析图快成平面设计了,你还在搞柱状图?

别人画的数据分析图快成平面设计了,你还在搞柱状图?

5.树状图

树状图亦称树枝状图,通常以父子层次结构来组织对象。在我们的作品集中经常用于Mindmap方面的绘制。在绘制树状图的时候我们要注意父子层级关系,以便大家可以清晰的读懂我们想传达的信息。

别人画的数据分析图快成平面设计了,你还在搞柱状图?

6.时间轴

依据时间顺序把一方面或多方面的事件串联起来,形成相对完整的记录体系,再运用图文的形式呈现给用户。时间轴可以运用于不同领域,最大的作用就是把过去的事物系统化、完整化、精确化。在绘制时间轴的时候我们要注意,时间轴往往强调在固定时间节点发生的事情,所以不同的时间节点之间要明确区分好,否则很难看清具体信息。

别人画的数据分析图快成平面设计了,你还在搞柱状图?

别人画的数据分析图快成平面设计了,你还在搞柱状图?

7.综合类

还有一些信息图比较复杂,可能在绘制的过程中难度相对较大,这些图表往往包含更多的信息。完成这类可视化信息图时一定要有清晰的逻辑关系。在绘制的时候可以用大小对比、颜色差异或是标注等方法去进行区分。

别人画的数据分析图快成平面设计了,你还在搞柱状图?

别人画的数据分析图快成平面设计了,你还在搞柱状图?

别人画的数据分析图快成平面设计了,你还在搞柱状图?

02 案例绘制

在看了以上这些信息图种类之后,我们以圆环图为例,给大家进行案例演示。在绘制之前,我们先要明确:大部分的信息可视化图表都是用AI(Adobe Illustrator)来完成的,因为AI是一个对图形处理很强大的软件。绘制十分方便,并且容易调整。

再者我们需要对已有的数据进行整理,将已经整理好的数据结合不同图表的特征进行分析。选择合适的图表类型,确定好视觉风格以及配色,让信息一目了然的传递出来从而降低理解难度。下面看一下在绘制过程中可能用到的工具或功能:

形状及线段工具:这两个工具大家可能比较熟悉,除了直接在画面中拖拽进行绘制以外,还可以在画面空白区域鼠标左击,精准控制绘制属性。

别人画的数据分析图快成平面设计了,你还在搞柱状图?

钢笔、剪刀工具:这两个工具相对比较简单,在这里不进行过多介绍。

轮廓化描边:这个功能主要是将路径转化为形状,从而继续编辑。

别人画的数据分析图快成平面设计了,你还在搞柱状图?

接下来,我们以最基础的圆环图表为例,通过三个案例具体示范一下完整的绘制过程。

案例一

1. 利用极坐标网格工具绘制同心圆,并调节描边粗细。

别人画的数据分析图快成平面设计了,你还在搞柱状图?

2. 利用剪刀工具,结合数据对已有图形进行裁剪。

别人画的数据分析图快成平面设计了,你还在搞柱状图?

3. 将绘制的其他线条和已有线条进行链接,完成绘制。

别人画的数据分析图快成平面设计了,你还在搞柱状图?

最终效果

案例二

1.同样利用极坐标网格工具,绘制基础图形。

别人画的数据分析图快成平面设计了,你还在搞柱状图?

2. 与上一个案例相似,结合数据裁剪路径。

别人画的数据分析图快成平面设计了,你还在搞柱状图?

3. 调节线条粗细,将前后端点调为圆头即可。

别人画的数据分析图快成平面设计了,你还在搞柱状图?

别人画的数据分析图快成平面设计了,你还在搞柱状图?

最终效果

案例三

1.直接用直线段工具绘制如下线条:

别人画的数据分析图快成平面设计了,你还在搞柱状图?

2.调节旋转中心,让线条围绕同一中心进行旋转,并调节线条粗细。

别人画的数据分析图快成平面设计了,你还在搞柱状图?

3.通过绘制剪切蒙版将已有线条进行层次划分。

别人画的数据分析图快成平面设计了,你还在搞柱状图?

4.结合数据调整颜色比例。

别人画的数据分析图快成平面设计了,你还在搞柱状图?

最终效果

接下来根据具体数据差异,可以继续扩展为系列信息化图表:

别人画的数据分析图快成平面设计了,你还在搞柱状图?

别人画的数据分析图快成平面设计了,你还在搞柱状图?

通过以上分析我们可以发现,其实图表的信息可视化包含了很多种类,并且每个种类又包含了很多风格,例如扁平化、立体化等。大家在掌握制作方法后可自行尝试其他风格的可视化信息图制作。


分享到:


相關文章: