教程:手把手一步一步教你做数据信息图

图表分析:这种基于排版布局的信息图是应用最为广泛的一种,绘制相对简单,与学校里使用PPT制作的工作展示海报类似。绘制这种信息图只要把握二点即可:1、严谨的排版布局;2、整体一致的设计风格(包括图形、色彩的使用)。通过PPT、Photoshop、CorelDraw、infopath或Adobe Illustrator等软件均可以实现。

本例使用软件:Adobe illustrator

准备工作:

1、数据分析

2、素材收集。

具体绘制步骤如下:
步骤01 绘制合适大小的矩形轮廓,并填充颜色,作为背景。

教程:手把手一步一步教你做数据信息图1-数据分析网

步骤02 以下几个步骤是将工作区页面排版,将其等分成四栏,各栏之间间距相等。通过标尺和辅助线两个工具实现。此步骤是将页面等分。

教程:手把手一步一步教你做数据信息图2-数据分析网

步骤03 将左侧页面对折等分。保留辅助线。

教程:手把手一步一步教你做数据信息图3-数据分析网

步骤04 将右侧页面对折等分。保留辅助线。

教程:手把手一步一步教你做数据信息图4-数据分析网

步骤05 各栏之间添加等距间隔辅助线。

教程:手把手一步一步教你做数据信息图5-数据分析网

步骤06 然后左右两侧各留出一定的页边距。排版布局效果如下。

教程:手把手一步一步教你做数据信息图6-数据分析网

步骤07 添加标题。

教程:手把手一步一步教你做数据信息图7-数据分析网

步骤08 绘制插图。

教程:手把手一步一步教你做数据信息图8-数据分析网

步骤09 填色

教程:手把手一步一步教你做数据信息图9-数据分析网

步骤10 放置在合适位置

教程:手把手一步一步教你做数据信息图10-数据分析网

步骤11 调整大小

教程:手把手一步一步教你做数据信息图11-数据分析网

步骤12 添加饼形图

教程:手把手一步一步教你做数据信息图12-数据分析网

步骤13 确认对话框

教程:手把手一步一步教你做数据信息图13-数据分析网

步骤14 镜像调整

教程:手把手一步一步教你做数据信息图14-数据分析网

步骤15 添加图注,并更改填充色。

教程:手把手一步一步教你做数据信息图15-数据分析网

步骤16 同上方法,绘制另一组数据图形

教程:手把手一步一步教你做数据信息图16-数据分析网

步骤17 添加分隔线,包括浅色在上,深灰色在下作阴影

教程:手把手一步一步教你做数据信息图17-数据分析网

步骤18 调整阴影位置

教程:手把手一步一步教你做数据信息图18-数据分析网

步骤19 添加柱形图

教程:手把手一步一步教你做数据信息图19-数据分析网

步骤20 添加图注并优化

教程:手把手一步一步教你做数据信息图20-数据分析网

步骤21 添加文本

教程:手把手一步一步教你做数据信息图21-数据分析网

步骤22 下几个步骤绘制小人图标

教程:手把手一步一步教你做数据信息图22-数据分析网
教程:手把手一步一步教你做数据信息图23-数据分析网
教程:手把手一步一步教你做数据信息图1-数据分析网
教程:手把手一步一步教你做数据信息图25-数据分析网
教程:手把手一步一步教你做数据信息图26-数据分析网
教程:手把手一步一步教你做数据信息图27-数据分析网
教程:手把手一步一步教你做数据信息图28-数据分析网

步骤23 添加剪刀图标

教程:手把手一步一步教你做数据信息图29-数据分析网

步骤24 绘制折线散点图

教程:手把手一步一步教你做数据信息图30-数据分析网

步骤25 添加注释并优化

教程:手把手一步一步教你做数据信息图31-数据分析网

步骤26 绘制条形图

教程:手把手一步一步教你做数据信息图32-数据分析网

步骤27 添加圆形背景(非必需,点缀之物)

教程:手把手一步一步教你做数据信息图33-数据分析网

步骤28 添加文本

教程:手把手一步一步教你做数据信息图34-数据分析网

步骤29

教程:手把手一步一步教你做数据信息图35-数据分析网

步骤30

教程:手把手一步一步教你做数据信息图1-数据分析网

步骤31

教程:手把手一步一步教你做数据信息图37-数据分析网

步骤33 调整关键词格式

教程:手把手一步一步教你做数据信息图38-数据分析网

▼步骤34 文本效果

教程:手把手一步一步教你做数据信息图39-数据分析网

步骤35 右下角添加信息来源及备注信息

教程:手把手一步一步教你做数据信息图40-数据分析网

步骤36 OK,最终效果图如上方所示。

教程:手把手一步一步教你做数据信息图41-数据分析网

本文采用「CC BY-SA 4.0 CN」协议转载自互联网、仅供学习交流,内容版权归原作者所有,如涉作品、版权和其他问题请给「我们」留言处理。

(0)
小胖的头像小胖编辑
上一篇 2014-01-22 20:48
下一篇 2014-03-08 02:15

相关文章

关注我们
关注我们
分享本页
返回顶部