zl程序教程

您现在的位置是:首页 >  IT要闻

当前栏目

三分钟 学会 “信息图表” !

2023-03-09 22:04:14 时间

今天主要给大家看看静态的信息图的设计方法。当然了,如果有能力的同学可以在此基础上做上动画,那就更赞了!


大家可简单的看下这张简洁的图,基本涵盖了图表的大部分类型,

折线图、圆环图、直方图。

0?wx_fmt=png


我们在收集整理完数据素材之后,要进行详细的整体规划,然后才是信息图的设计,这里只说设计部分。


按照我们一般作图思路再有了数据之后,我们要根据数据特点选择合适的图表基本类型。

0?wx_fmt=png


我们在选定基本的图表类型后,就要对图表进行装饰啦。

装饰的基本方法有二:图形化和变形。



图形化


我们先看图形化


找出代表性的概念 。进行图形化需要先联想出代表性概念,最好是具体的、能够直接图形化的概念。比如有关“石油”的数据,可以选择用“油滴”、“油桶”等代表性概念;有关“钱”的数据,可以选用“金币”、“货币符号”、“钱袋”等作为代表性概念。


确定表现风格与收集素材。这可以有以字做形、使用矢量图形、使用实物照片和手绘四种表现风格。


这款使用了矢量图形,保持简洁的同时,让图表更加的形象能让受众更容易理解。

0?wx_fmt=png

直接用到了实物,更加直观的表达

0?wx_fmt=png

手绘风,增加趣味性

0?wx_fmt=png


这就是第一种装饰方法,让图形作以辅助理解的作用直接标在数据或文字旁图中动物和人的icon,用于辅助理解相应文字。

0?wx_fmt=png


替换的作用,把柱条、扇形、散点等替换为图形,这个在excel图表中可以选择使用的。

0?wx_fmt=png


这个也是替换的妙用呦!用长短不同的价签的矢量图形替换柱状图的柱条。那么把前两种方法撮合在一起又会怎么样呢?

0?wx_fmt=png

哈哈就是这个样子啦!

既有美国国旗的图案,又将折线替换为星条旗的红条纹。下面这种方法大家常见,也常用。

0?wx_fmt=png


就是把图形当做瓶子用,将基本图表填充于其中。

0?wx_fmt=png

还有这种,很常见,也很容易做!

0?wx_fmt=png

再看这种,将图形作为单元,通过图形的重复来表示数量关系。


就如上图将硬币的矢量图形作为单元,组成柱状图。

0?wx_fmt=png

0?wx_fmt=png

这个小人更像机器人,图表的主体部分的设计方法,大体有这五种。


在完成主体的设计后 ,还要考虑其他部分的装饰 ,这样才能成为一个整体。


体现专业。除了图表主体外,需要加以装饰的往往还有:图例、图表背景和标注。


图例、图表背景的装饰方法与素材和以上类似。


变形

大家想到了吧,第一种:弯曲。

0?wx_fmt=png


对柱状图的x坐标轴进行弯曲

0?wx_fmt=png

对堆积柱状图的x坐标轴进行弯曲(南丁格尔玫瑰图)

0?wx_fmt=png

对折线图的x坐标轴进行弯曲(雷达图)

0?wx_fmt=png


对树状图进行弯曲,这个对excel了解的多的话 ,会比较方便。

在看完了弯曲 ,再看看增加空间维度这种方法吧!

0?wx_fmt=png



一维的柱状图变为二维的矩阵图

nt插件,很方便做出这种矩形阵呦

0?wx_fmt=png


还有这种,一维的柱状图变为三维的柱状图

0?wx_fmt=png


还有这种一维的时间轴变为三维具有深度的时间轴


我们还有倾斜的方法呦

0?wx_fmt=png

到这里,信息图的制作已经基本完成


最后一步是将图表的各个部分进行整合。整合很关键,整合的好,才不会让图表显得突兀,即使你的图表已经很好看了。


首先我们应该注意视觉的层级,简单说就是该大的大,该小的小。

0?wx_fmt=png

放大、突出重要的文字与图表、弱化次要的内容。让重点突出,也是聚焦版面中心的好方法。


合理的划分区块,使用线条、颜色或者小标题来划分

0?wx_fmt=png

0?wx_fmt=png


最后呢,要有合理的阅读导引,一般考虑的是数字和箭头。

0?wx_fmt=png
0?wx_fmt=png

哈哈,静态信息图的制作应该已经基本完成。

有能力的可加动画,让版面更写意的呦!


原文发布时间为:2015-07-06

本文来自云栖社区合作伙伴“大数据文摘”,了解相关信息可以关注“BigDataDigest”微信公众号