`
rensanning
  • 浏览: 3558810 次
  • 性别: Icon_minigender_1
  • 来自: 大连
博客专栏
Efef1dba-f7dd-3931-8a61-8e1c76c3e39f
使用Titanium Mo...
浏览量:38336
Bbab2146-6e1d-3c50-acd6-c8bae29e307d
Cordova 3.x入门...
浏览量:608161
C08766e7-8a33-3f9b-9155-654af05c3484
常用Java开源Libra...
浏览量:683346
77063fb3-0ee7-3bfa-9c72-2a0234ebf83e
搭建 CentOS 6 服...
浏览量:89963
E40e5e76-1f3b-398e-b6a6-dc9cfbb38156
Spring Boot 入...
浏览量:402544
Abe39461-b089-344f-99fa-cdfbddea0e18
基于Spring Secu...
浏览量:69870
66a41a70-fdf0-3dc9-aa31-19b7e8b24672
MQTT入门
浏览量:92036
社区版块
存档分类
最新评论

【转】手把手教你绘制精美信息图

阅读更多
最终效果图


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

本例使用软件:Adobe illustrator

准备工作:
  1、数据分析;
  2、素材收集。

具体绘制步骤如下:

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


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


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


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


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


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


▼步骤07 添加标题。


▼步骤08 绘制插图。


▼步骤09 填色


▼步骤10 放置在合适位置


▼步骤11 调整大小


▼步骤12 添加饼形图


▼步骤13 确认对话框


▼步骤14 镜像调整


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


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


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


▼步骤18 调整阴影位置


▼步骤19  添加柱形图


▼步骤20 添加图注并优化


▼步骤21 添加文本


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














▼步骤23 添加剪刀图标


▼步骤24 绘制折线散点图


▼步骤25 添加注释并优化


▼步骤26 绘制条形图


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


▼步骤28 添加文本


▼步骤29 


▼步骤30 


▼步骤31


▼步骤33 调整关键词格式


▼步骤34 文本效果


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


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

【原文】
中文:http://blog.sina.com.cn/s/blog_4a32ee3b0102dxvo.html
英文:http://vector.tutsplus.com/tutorials/designing/how-to-create-outstanding-modern-infographics/
  • 大小: 71.2 KB
  • 大小: 13.7 KB
  • 大小: 40.3 KB
  • 大小: 40 KB
  • 大小: 42 KB
  • 大小: 47.6 KB
  • 大小: 38.1 KB
  • 大小: 100.3 KB
  • 大小: 19.5 KB
  • 大小: 24.9 KB
  • 大小: 47.9 KB
  • 大小: 32.6 KB
  • 大小: 47.3 KB
  • 大小: 49 KB
  • 大小: 11.7 KB
  • 大小: 25.5 KB
  • 大小: 82.4 KB
  • 大小: 11.9 KB
  • 大小: 12.7 KB
  • 大小: 15.5 KB
  • 大小: 12.5 KB
  • 大小: 41 KB
  • 大小: 24.2 KB
  • 大小: 31.5 KB
  • 大小: 75 KB
  • 大小: 74.6 KB
  • 大小: 136.2 KB
  • 大小: 57.7 KB
  • 大小: 93.6 KB
  • 大小: 39.8 KB
  • 大小: 63.9 KB
  • 大小: 85.7 KB
  • 大小: 13.2 KB
  • 大小: 14.5 KB
  • 大小: 30.8 KB
  • 大小: 30.8 KB
  • 大小: 42.7 KB
  • 大小: 12 KB
  • 大小: 56.7 KB
  • 大小: 24.2 KB
  • 大小: 118.2 KB
  • 大小: 47.4 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics