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

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

阅读更多
最终效果图


图表分析:这种基于排版布局的信息图是应用最为广泛的一种,绘制相对简单,与学校里使用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
分享到:
评论

相关推荐

    手把手教你在Android中DIY自己的控件)--精美滚轮实例

    本文将深入讲解如何在Android环境中创建一个精美的滚轮控件,即Runner_Widget。滚轮控件通常用于日期选择、选项滚动等场景,其动态效果能够使用户界面更加生动。 首先,我们需要了解Android控件的基础。在Android中...

    手把手教你光立方取模软件的使用

    本文将详细介绍光立方取模软件的使用方法,帮助读者掌握如何利用该软件制作出精美的光立方显示效果。 #### 二、光立方取模软件介绍 光立方取模软件是一款专门用于设计和制作光立方模型的工具软件。通过这款软件,...

    手把手教你学会几种简单的剪纸图案剪纸基础教程.docx

    水滴状的剪纸符号更为多变,它既可作为精美的装饰,又可成为作品中的主题元素。水滴形状在剪纸中的灵活运用,展现了这项艺术的多样性和创造力。 剪纸艺术的学习,不仅仅是一种技能的掌握,它更是一种文化的传承和...

    手把手教你感光电路板的制作

    你可以使用电子设计软件如Eagle或KiCad来绘制PCB布局。 其次,将设计图打印出来。建议使用高质量的喷墨打印机和薄型照片纸,以保证打印效果清晰。避免使用半透明硫酸纸,因其可能造成墨水扩散,影响线条精度。如果...

    JS在线汉字笔画练习特效

    用户看到的是一个又一个汉字在屏幕上被书写的整个过程,就像一个虚拟的书法老师在手把手教学。 SVG作为该工具的另一个技术支撑点,为实现精美的汉字笔画效果提供了基础。SVG是一种矢量图形格式,它的优点在于能够...

Global site tag (gtag.js) - Google Analytics