信息图认识与表达 灵动策划

信息图简史
公元前3万年 公元前3000年 公元1350年 公元1510年
•历史上最早的信息图：石器时代晚期，法国南部洞穴岩壁上绘制动物图像
•埃及象形文字，使用图形符号和图标
•法国哲学家尼克尔· 奥尔斯姆创建了用以解释物体运动规律的图表
•达芬奇的插图，人体解剖。
公元1786年
公元1850年-1870年 公元1930年-1940年
认知地图
在过去经验的基础上，产生 于头脑中的，某些类似于 一张现场地图的模型。是 一种对局部环境的综合表 象，既包括事件的简单顺 序，也包括方向、距离， 甚至时间关系的信息。
概念图
“概念图”是一种知识以及知识 之间的关系的网概念图结构概念 图结构络图形化表征。
一幅概念图一般由“节点”、 “链接”和“有关文字标注”组 成。 节点：由几何图形、图案、文字 等表示某个概念，每个节点表示 一个概念，一般同一层级的概念 用同种的符号（图形）标识。 链接：表示不同节点间的有意义 的关系，常用各种形式的线链接 不同节点，这其中表达了构图者 对概念的理解程度。 文字标注：可以是表示不同节点 上的概念的关系，也可以是对节 点上的概念详细阐述，还可以是 对整幅图的有关说明。
信息图认识与表达
1 2 8 7 6 5 2 3 3 4 4 5 5 6
4
3 2 1 0
什么是信息图
信息图（information graphic）是一种将数据 与设计结合起来的图 片，有利于个人或住址 简短有效地向受众传播 信息。
可视化的数据或概 念，传递给受众，使其 快速消化和理解。
解释图。
信息图执行指导
当你面对一个新闻事件 时，可以从描述事件发生 的过程为角度出发。 流程式，有节奏 每一个环节、步骤上都 会有相应的数据、人、组 合等等相关信息。 逐一完整体现。 如右方“嫦娥三号” 图：
动身、着陆、准备、勘 察。
信息图执行指导
当你面对一个知识点时， 尽可能的细致分类。 可以是独立、平等的放 射点、也可以是递进式、 易难、面点、时间、人物 等 每一个点，清晰表达相 关信息。 如右方“三中全会”释 义图： 多久开一次 历届主题 改革领域、 思路方案组合 媒体预测等
如右方“天价留学与廉价就 业”比较 人数 回国就业 学历专业 就业领域 薪酬职位 工作满意度 费用 逐一比较 结论 数据来源。
信息图执行指导
当你需要把一个文字报告 如富人报告，变成信息图 时， 将冗余数据删减，集中 重要信息
由面到点：先营造概念氛 围，关键信息点逐一展 现。 必要的提示和引导。
收尾。
网上能够搜索到相应的汉化使用攻 略。
信息图设计元素采集渠道
The Noun Project http://thenounproject.com/ 上百种图标符号集合，通过关键词和 分类就能搜索到。 免费。 open clipart http://openclipart.org/ 剪切画图像集合。 免费。
信息图的体貌特征
可互动的
图片，非文本 可视化 简短的 流畅的 有趣的或有创意的
主题的唯一性
信息的真实性
有价值的 易于传播和分享
易于消化和理解
数据信息与设计相结合
一图胜千言
99:1 50%
近50%的大脑直接或间接用来处理视觉功能 99%的数据会在下1秒丢弃； 但会记住唯一的新奇活独特
30%
30%的脑灰质由与视觉相关的神经元组成， 与触觉和听觉有关的神经元占了8%和3%
功能： 可在浏览器或桌面上 制作信息图 提供丰富的模板 表格、流程、思维 图、涂鸦、UML
图、Mindmap图、 SWOT图、产品原 型图
网评：
提供在线免费试 用；5美元月在线 用；75美元桌面授权
我们发现跟起我们用过的其他图表制作工具相比，Creately用起来很有意思，很方 便，条理也清晰的多。 用户界面的每一部分都是仔细考量过的，对图表的制作进行过优化，用户不用考虑 箭头排列等一些烦人琐事。 Creately的提供的图形对象也很多，从简单的流程图到各种吸引人的剪贴画。 多人协作也很方便，用户可以使用侧边栏来邀请其他人在线协作，历史版本的功能 也可以使用。
哪些内容可以做成信息图
• 一维信息可视化：简单的线性信息，如文本、一列数字。 • 二维信息：包括阿主要两个主要属性信息，在空间中得到表示。如宽 度和高度可以描述事物的大小，事物在X轴和Y轴的位置表达。城市地 图、建筑平面图都是。 • 三维物体： • 多维物体：具有超过3个属性的信息。如反映某地所有房屋的信息 图，涵盖价值和地址等一维数据、也有数量面积距离年代周围建筑等 二维空间、还有动态更新和查询比较等，确保信息失真最小。 • 时间序列： • 层次信息：如磁盘目录结构、文档管理、图书分类、树状结构 • 网络信息。一个节点上，与其他任意数量的节点之间的联系，没有内 在的等级结构，两个节点之间有多种联系、节点及节点间的关系可以 有多个属性。 ……
•苏格兰工程师威廉普莱费尔是数据可视化先驱，他著作《商业和政治图集 与统计学摘要》第一次使用线形图、饼图和柱图来表现数字类型的数据
•法国土木工程师查尔斯· 约瑟夫米娜德使用流程图分析地理统计信息。拿破 仑失败表：地图位置、行军方向、减少队伍数量、气温变化
•社会进入图形文字时代。可视化交流模型。如交通信号标志
Creately的在线试用演示
Creately的在线试用演示
信息图工具介绍
网址： www.draw.io 功能： 网页版图表设计 应用。可做70多 种形状、图表和 剪切画。 免费应用
信息图工具介绍
GIMP 网址：
www.gimp.org
功能： GNU图形处理程 序。 图形制作、图片 编辑、图像文件 转换。 可下载到桌面 上，程序。 免费应用
信息图执行指导
当你面对一个“疑 问”“辩论”时， 表述现象， 解释现象， 分析现象， 给出结论。
逻辑一定要严密。 如右方“人民币在国内为 什么越来越不值钱” 表现不值钱的结果现象， 对比 解释“不值钱是因为贬 值。 为什么贬值：货币超发、 大量信贷等 对于国人的好处和坏处。
信息图执行指导
当你面对一个需要比较的信息 图时， 将比较点分类。 发掘比较点数据 解释数据、分析数据 表达结论。 注意数据的真实性和全面性。
个人用户完全免费
Highcharts中文帮助文档
http://wenku.baidu.com/link?url=y5UjV9Wdd_WnZnVi MSMsoUjxPPLm46cdR22QT_pwZIrOPAwilRFFl4F7P6ZW zYrOKg96siq7cFov1tq0bOJzDfcSIlu1qc4VyWGJJY_JqcS
信息图工具介绍
hohli 网址：
http://www.hohli.com/
功能： 网页版。 提供线形图、条形图、饼图、维恩 图、散点图和雷达图等模板。 免费应用。
信息图工具介绍
Highcharts
网址：
http://www.highcharts.com/
功能： 网页版。可下载。支持大部分的图表类型：直线 图，曲线图、区域图、区域曲线图、柱状图、饼 装图、散布图 不支持3D
哪些内容可以做成信息图
• 统计数据：销售额、收益、市场调研 • 过程：生产、服务、渠道、进展流程、供应链 • 想法：概念、理论、理念、意识形态 • 年表：历史、时间顺序、时间线、计划表 • 地理：方位、地区性指标 • 分解：材料、成分、列表 • 层级：纸质结构、需求评估 • 关系：外部、内部人员、产品服务 • 个性化：品牌个性化、组织文化 ……
STEP4 信息图脚本 的撰写
表达清晰，设计师易看易读易懂
已经想到的创意、象征符号、图片等提供。
如何制作信息图
争论 风格、美学、功能、时间、可实现性等 寻找设计灵感 信息图相关网站、图库、版式书等 设计工具 合作方 预算
STEP5 设计信息图
经验与磨合
如何制作信息图
发布的时间 注意时效性。 发布的渠道 线上：邮件 官网 微博微信 信息图平台 线上：调查问卷 手册 海报 发布会 发布的成本
STEP6 发布信息图
信息图的简单技巧
who
•受众、目标、格 调
what
•表达什么、联想 到什么
where
•数据从哪里来、 哪里找创意、发 布在哪里
when
•信息的有效时 间 、何时发布 考虑过期风险
Why
•反思：信息的价 值？表达方式？
How
•信息、设计如何 易于理解？有吸 引力？
信息图工具介绍
如何制作信息图
信息图是一个工 具，不是艺术品。 如果不能传达理 念、提供信息，外在 美毫无意义。
STEP3 记录 你的想法
每个人都有涂鸦及 绘画的才能。 把涂鸦、绘画当作 一种记录与分享思维 和创意的方式。 想法想法总是稍纵 即逝，关键要点常被 忽视，要养成习惯。
如何制作信息图
逻辑顺序成立。 个要点、重要数据彰显。
Chartle 网址： www.chartle.net 功能： 网页版可视化工 具。能够创建表 格、图形、地图、 轨迹图和时间表 等。 免费应用 使用体验：需安 装java程序，没成 功。
Chartle
信息图工具介绍
Creately 网址：
http://creately.com/
信息传播 品牌意识 点击流量 思想引导 精神共鸣 娱乐休闲 ……
如何制作信息图
取样就是一切 权威、客观、真实的信息来源是最重要的。
STEP2 整合数据资 料内容信息 资料
专业的统计素养 如专业人士般整合信息。 专注于重点 复杂的信息图执行要求付出更多的思考和注意力， 不如专注一条重要的主线，集中着力点 逻辑 信息之间的推理、前后因果、对立矛盾、关系比较 等。
2+：1
大脑处理图片是同时处理，处理文本只能逻辑线性
65%的人是视觉型学习者
65%
20%
人们不喜欢在线阅读， 一个常规页面中，每人平均阅读20%的文字，比如140个字
20：10 1000:7
普通人一次最多只能记住7个数字， 但却能轻松解读线形图1000多个数字锁诠释的信息 人们不会分享10分钟阅读800字的文章 但会分享20秒可滚动浏览的信息图
信息图工具介绍
gliffy 网址：
http://www.gliffy.com/
功能： 网页版。流程表、网络图表、组织表 格、swot分析、商业流程和维恩图。 可不用登陆直接免费应用，如果要存 档可免费注册试用账号，免费30天。 标准版月4.95美元；专业版月9.95美 元 网上口碑不错，不少汉化的教程和使 用体验。
信息图工具介绍
Wordle 网址：
Байду номын сангаас
http://www.wordle.net/
功能： 在线版。 文字云设计器 免费应用。 如何用wordle绘制文字云
http://blog.sina.com.cn/s/bl og_65b4f18501019s0i.html
【转载】22 个免费的图表、流程图工具 http://www.mhtml5.com/2012/05/5040.html
信息图执行指导
表达一个极专业、生硬的 问题时。
分解信息，提炼子主题 考虑受众的思维和接受范 围 结论在前，不能懂的过程 分析逻辑化放中 结果导向指引和结论。 如右方： 程度 政府的财政收入 企业个人税收 法制 等
哪些内容可以做成信息图
统 计 数 据
流 程
组 织 结 构
层 次
人 物 信 息
时 间 顺 序
地 理
思维导图
又叫心智图，是表达发射性思 维的有效的图形思维工 具。 思维导图运用图文并重的技 巧，把各级主题的关系用相 互隶属与相关的层级图表现 出来，把主题关键词与图 像、颜色等建立记忆链接。 一个思考中心，并由此中心向 外发散出成千上万的关节 点，每一个关节点代表与中 心主题的一个连结，而每一 个连结又可以成为另一个中 心主题，再向外发散出成千 上万的关节点，呈现出放射 性立体结构。
公元1970-1990年
•泰晤士报、时代周刊、今日美国等新闻媒体开始使用信息图来简化信息， 增强表现力。信息图逐步流行
如何制作信息图
受众
脚本
设计
信息
想法
发布
如何制作信息图
你要给谁看？ 分析、评估信息图的受众使满足，使影响和互动。
客户 大众 风投 合作伙伴 ……
STEP1 理解受众的 信息需求
你要达到什么目的？ 设定目标可以让受众更好地评估成效，帮助你聚焦商业 目的。