超赞的静态信息图设计方法和技巧

4. 对图表其它部分进行装饰

除了图表主体外,需要加以装饰的往往还有:图例、图表背景和标注。 图例、图表背景的装饰方法与素材和以上类似。

如果是在微博使用的信息图,建议标注的时候,最小字号在16px以上。

而因为 图表空间有限 及 风格原因,标注常使用瘦长的字体,在这里给大家推荐一些免费且好看的:Canter、Corki、Lady Ice、Medula One、Ostrich Sans、Rex、Versa

超赞的静态信息图设计方法和技巧,PS教程,

B.变形

除了图形化外,常见的图表装饰方法还有变形。变形大概有这几种方法:

1. 弯曲

如:对柱状图的条柱进行弯曲

超赞的静态信息图设计方法和技巧,PS教程,

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

超赞的静态信息图设计方法和技巧,PS教程,

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

超赞的静态信息图设计方法和技巧,PS教程,

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

超赞的静态信息图设计方法和技巧,PS教程,

对树状图进行弯曲

超赞的静态信息图设计方法和技巧,PS教程,

2. 增加空间维度

在不增加变量的情况下进行形式上的美化。如:

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

超赞的静态信息图设计方法和技巧,PS教程,

一维的柱状图变为三维的柱状图

超赞的静态信息图设计方法和技巧,PS教程,

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

超赞的静态信息图设计方法和技巧,PS教程,

3. 倾斜

如:

超赞的静态信息图设计方法和技巧,PS教程,

三、整合

到这里,信息图的制作已经基本完成。最后一步是将图表的各个部分进行整合。需要注意以下几点:

A. 视觉层级

要放大、突出重要的文字与图表、弱化次要的内容。如:

超赞的静态信息图设计方法和技巧,PS教程,

B. 合理划分区块

可以使用线条、颜色或者小标题来划分:

如用颜色划分区块:

超赞的静态信息图设计方法和技巧,PS教程,

用小标题和线条划分区块:

超赞的静态信息图设计方法和技巧,PS教程,

C. 要有合理的阅览导引

如:用数字和箭头做导引

超赞的静态信息图设计方法和技巧,PS教程,

至此,静态信息图的制作应该已经基本完成。一噜茶话会还会推出有关 交互式信息图 以及其他各个方面的文章。