知识可视化理论及表示案例(201909)
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
引起共鸣，抓住人心
美观是精心设计的信息图成为有效传播工具的另一个原因。为了吸引受 众的注意力而展开的竞争是非常激烈的，普通人每天接触的信息量相当 于174份报纸的信息量。要确保你的信息图能抓住人心。
少即是多
信息图是将复杂的问题可视化、简单化，而不是相反。不要妄想依赖数 据展示所有的内容，而是要学会利用信息图来突出一两个最核心或者说 与受众最相关的要点。
对我们的启发
行业简史
太空探索
过去50年人类对太空的探索
星球周围螺旋颜色代表不同的国家 螺旋越厚，代表地球人访问的次数也越多 地图底部的标尺显示了每个国家派出的飞行器探索太空的距离
功能说明可视化
对我们的启发 流程解剖； 流通环节可视化； 产品说明的可视化； ……
复杂事物的解构
2016年6月12日凌晨，美国佛罗里达州奥兰多市一家同性恋夜店发生大规模枪击事 件，造成50人死亡、53人受伤，FBI将其定性为恐怖袭击。这是美国历史上伤亡最 惨重的枪击事件。
复杂信息抽象化
1933年贝克设计的伦敦地铁路线图
对我们的启发
1933年，哈利·贝克在替伦敦地铁讯号室绘制电路图时受启发，设计出了经典的地图路线图。 整个路线图像电路板一样的规格化，车站站距画得整齐划一，路线也都安排成垂直、水平 或45度角，再将多种颜色用于各路线之间的辨识，使得整幅地图在视觉上变得更简单明了。
经济活动如何抽象化表达？ 关系如何抽象表达？ … 用于表示变化的时间 沿革；
项目关键节点把控； ……
地球简史
生物的进化
横轴代表时间，从地球诞生开始（圆心）一直到现在每种颜色代表不同物种 每条线的代表每个物种中的某个分支，末端代表该分支的灭绝 扩大的半径（半圆）标记了每个时代，如冰河时代，寒武纪，大灭绝时期
对比的可视化表达（2）
对比的可视化表达（3）
对我们的启发
中美企业税负比较； 个税改革前后税负
对比； ……
复杂事件的可视化（1）
对我们的启发 XXX全过程解读； 对标剖析； ……
复杂事件的可视化（2）
复杂事件的可视化（3）
信息图网站参考
/
TED：Information is beautiful 数据视觉化美丽之处
https:///v/dXMvNDA1MzE3ODcvMzI4NjQ2NDkuc2h0bWw=.html
视不可当—信息图与可视化传播
针对数字营销和社会化媒体领域的实用图书。书中介绍了 数据可视化在信息传播过程中的美学和商业价值，为读者呈现 了各类可视化数据和概念，并分步骤解读了如何创建和发布信 息图，从而达到利用可视化信息与人沟通的目的，并帮助企业 制定最佳的营销战略，更好地树立品牌形象。
就像一部电影的 最终成效，核心的 决定因素是导演。”
业务 解读
计算 机实 现
客户 需求
信息 图设 计
数据图
数据背后的规律与逻辑
表示结构-饼图
表示趋势-折线图
表示趋势&结构-柱状图
表示结构变动-面积图
表示分布对比-散点图
表示状态对比-玫瑰、玉块、雷达图
表示复杂结构与关系-旭日、树图、桑基图
其他-词云、漏斗/金字塔、水波图
信息图
知识可视化的最佳传播工具
信息图的六大类别
图解（Diagram）：主要运用
插图对事物进行说明
+
01
02
图表（Chart）：运用图形、线条
+ 及插图等，阐明事物的相互关系
+ 表格（Table）：根据特定信息
标准进行区分，设置纵轴与横轴
03
04
+ 统计图（Graph）：通过数值 来表现变化趋势或进行比较
更愿意分享；促进销售
“网络口碑”（word of mouse）是衡量信息图是否成功的标志之一。 人们乐于分享信息图是因为它们易于理解，不需占用过多时间。如果信 息图传达了有用的内容，就会在网络上得到广泛分享。
谁是可视化的核心主体
“信息图要做到 简洁直观、有冲击 力，关键不是画图 人员，也不是计算 机实现，而是设计 人员想要如何表达 这个知识，创意是 什么，亮点是什么。
地图（Map）：描述在特定区
域和空间里的位置关系
+
05
06
+ 图形符号（Pictogram）：不使 用文字，运用图画直接传达信息
信息图制作的五大要素
准确传达，信息明了
设计时要选择一个最想要传达给读
2
者的主题，把这个主题巧妙地表现
出来
3
标题
去粗取精，简单易懂
从庞大的信息量中将真正必要的信 息筛选出来，同时设计的表现手法 同样需要合理简化，突出重点
Mark Smiciklas，数字化营销策划大师，现任温哥华数字 营销传播公司Intersection咨询公司的总裁。他是数字营销和社 会化媒体领域资深的实践者，可视化和信息图学领域公认的思 想家和领导者。
THANK YOU FOR WATCHING
2019年9月 成都
https:///
信息图工具参考
https://dydata.io
https://
https:///
凯度信息之美2018年获奖作品
https:///information-is-beautiful-awards-2018
知识可视化理论及表示案例
2019年9月
Edited by Hades
目录 Contents
01 知识可视化 02 数据图 03 信息图 04 图谱可视化
知识可视化
古人提倡“不耻下问”，为何现在要 “不问”
知识可视化的生理学原理
大脑的一大任务就是视觉处理， 几乎半个大脑都是直接或间接处理 视觉功能。
一图分解
左图，展现了泡一杯 红茶的过程 右图，展现了脚底穴位 对应人身体的部位
对我们的启发
一图解构XXX； ……
可定制的散点信息图
个人收入与生活期望值之间的关系
该图为Hans Rosling展示了全球不同国家和地区个 人收入与生活期望值之间的关系 横轴代表：人均GDP；纵轴代表：人对生活期望值 不同的颜色代表不同国家；圆形大小代表人口数量
基于这些视觉“网络”，大脑同 时处理图片中数据，而处理文本采 用的是线性方式。利用信息图进行 传播，受众在生理上就更容易与所 传播的信息联系起来。
大脑喜欢筛选并关注与众不同的 东西，所以用可视化来传播信息更 容易吸引受众更多的注意力碎片。 “迫于时间压力，精简的传播越来 越重要。”（公众号之期）
好的可视化应具备的要素
视线流动，构建时空
4
充分利用人的阅读习惯，注意视线
移动的规律;能够通过设计营造时空
感
吸引眼球，令人心动
在这个信息爆炸的时代，富有吸引
1
力非常重要，应该设计一些能够让
读者产生共鸣的东西
5
摒弃文字，以图释义
对事物的结构或流程等进行说明时，
尽量避免使用文字，仅以图形传达
信息
经典案例赏析
图形的冲击力
中美媒体报道的区别
结合GIS的知识可视化
对我们的启发 分布图； 销售地图； ……
拟物化表达
对我们的启发 变化的关系； 选择的关系； ……
权重信息图（1）-影响力涟漪、热力图
对我们的启发 搜索词热力图； ……
权重信息图（2）-板块结构
对我们的启发
因素构成； ……
对比的可视化表达（1）
美观是精心设计的信息图成为有效传播工具的另一个原因。为了吸引受 众的注意力而展开的竞争是非常激烈的，普通人每天接触的信息量相当 于174份报纸的信息量。要确保你的信息图能抓住人心。
少即是多
信息图是将复杂的问题可视化、简单化，而不是相反。不要妄想依赖数 据展示所有的内容，而是要学会利用信息图来突出一两个最核心或者说 与受众最相关的要点。
对我们的启发
行业简史
太空探索
过去50年人类对太空的探索
星球周围螺旋颜色代表不同的国家 螺旋越厚，代表地球人访问的次数也越多 地图底部的标尺显示了每个国家派出的飞行器探索太空的距离
功能说明可视化
对我们的启发 流程解剖； 流通环节可视化； 产品说明的可视化； ……
复杂事物的解构
2016年6月12日凌晨，美国佛罗里达州奥兰多市一家同性恋夜店发生大规模枪击事 件，造成50人死亡、53人受伤，FBI将其定性为恐怖袭击。这是美国历史上伤亡最 惨重的枪击事件。
复杂信息抽象化
1933年贝克设计的伦敦地铁路线图
对我们的启发
1933年，哈利·贝克在替伦敦地铁讯号室绘制电路图时受启发，设计出了经典的地图路线图。 整个路线图像电路板一样的规格化，车站站距画得整齐划一，路线也都安排成垂直、水平 或45度角，再将多种颜色用于各路线之间的辨识，使得整幅地图在视觉上变得更简单明了。
经济活动如何抽象化表达？ 关系如何抽象表达？ … 用于表示变化的时间 沿革；
项目关键节点把控； ……
地球简史
生物的进化
横轴代表时间，从地球诞生开始（圆心）一直到现在每种颜色代表不同物种 每条线的代表每个物种中的某个分支，末端代表该分支的灭绝 扩大的半径（半圆）标记了每个时代，如冰河时代，寒武纪，大灭绝时期
对比的可视化表达（2）
对比的可视化表达（3）
对我们的启发
中美企业税负比较； 个税改革前后税负
对比； ……
复杂事件的可视化（1）
对我们的启发 XXX全过程解读； 对标剖析； ……
复杂事件的可视化（2）
复杂事件的可视化（3）
信息图网站参考
/
TED：Information is beautiful 数据视觉化美丽之处
https:///v/dXMvNDA1MzE3ODcvMzI4NjQ2NDkuc2h0bWw=.html
视不可当—信息图与可视化传播
针对数字营销和社会化媒体领域的实用图书。书中介绍了 数据可视化在信息传播过程中的美学和商业价值，为读者呈现 了各类可视化数据和概念，并分步骤解读了如何创建和发布信 息图，从而达到利用可视化信息与人沟通的目的，并帮助企业 制定最佳的营销战略，更好地树立品牌形象。
就像一部电影的 最终成效，核心的 决定因素是导演。”
业务 解读
计算 机实 现
客户 需求
信息 图设 计
数据图
数据背后的规律与逻辑
表示结构-饼图
表示趋势-折线图
表示趋势&结构-柱状图
表示结构变动-面积图
表示分布对比-散点图
表示状态对比-玫瑰、玉块、雷达图
表示复杂结构与关系-旭日、树图、桑基图
其他-词云、漏斗/金字塔、水波图
信息图
知识可视化的最佳传播工具
信息图的六大类别
图解（Diagram）：主要运用
插图对事物进行说明
+
01
02
图表（Chart）：运用图形、线条
+ 及插图等，阐明事物的相互关系
+ 表格（Table）：根据特定信息
标准进行区分，设置纵轴与横轴
03
04
+ 统计图（Graph）：通过数值 来表现变化趋势或进行比较
更愿意分享；促进销售
“网络口碑”（word of mouse）是衡量信息图是否成功的标志之一。 人们乐于分享信息图是因为它们易于理解，不需占用过多时间。如果信 息图传达了有用的内容，就会在网络上得到广泛分享。
谁是可视化的核心主体
“信息图要做到 简洁直观、有冲击 力，关键不是画图 人员，也不是计算 机实现，而是设计 人员想要如何表达 这个知识，创意是 什么，亮点是什么。
地图（Map）：描述在特定区
域和空间里的位置关系
+
05
06
+ 图形符号（Pictogram）：不使 用文字，运用图画直接传达信息
信息图制作的五大要素
准确传达，信息明了
设计时要选择一个最想要传达给读
2
者的主题，把这个主题巧妙地表现
出来
3
标题
去粗取精，简单易懂
从庞大的信息量中将真正必要的信 息筛选出来，同时设计的表现手法 同样需要合理简化，突出重点
Mark Smiciklas，数字化营销策划大师，现任温哥华数字 营销传播公司Intersection咨询公司的总裁。他是数字营销和社 会化媒体领域资深的实践者，可视化和信息图学领域公认的思 想家和领导者。
THANK YOU FOR WATCHING
2019年9月 成都
https:///
信息图工具参考
https://dydata.io
https://
https:///
凯度信息之美2018年获奖作品
https:///information-is-beautiful-awards-2018
知识可视化理论及表示案例
2019年9月
Edited by Hades
目录 Contents
01 知识可视化 02 数据图 03 信息图 04 图谱可视化
知识可视化
古人提倡“不耻下问”，为何现在要 “不问”
知识可视化的生理学原理
大脑的一大任务就是视觉处理， 几乎半个大脑都是直接或间接处理 视觉功能。
一图分解
左图，展现了泡一杯 红茶的过程 右图，展现了脚底穴位 对应人身体的部位
对我们的启发
一图解构XXX； ……
可定制的散点信息图
个人收入与生活期望值之间的关系
该图为Hans Rosling展示了全球不同国家和地区个 人收入与生活期望值之间的关系 横轴代表：人均GDP；纵轴代表：人对生活期望值 不同的颜色代表不同国家；圆形大小代表人口数量
基于这些视觉“网络”，大脑同 时处理图片中数据，而处理文本采 用的是线性方式。利用信息图进行 传播，受众在生理上就更容易与所 传播的信息联系起来。
大脑喜欢筛选并关注与众不同的 东西，所以用可视化来传播信息更 容易吸引受众更多的注意力碎片。 “迫于时间压力，精简的传播越来 越重要。”（公众号之期）
好的可视化应具备的要素
视线流动，构建时空
4
充分利用人的阅读习惯，注意视线
移动的规律;能够通过设计营造时空
感
吸引眼球，令人心动
在这个信息爆炸的时代，富有吸引
1
力非常重要，应该设计一些能够让
读者产生共鸣的东西
5
摒弃文字，以图释义
对事物的结构或流程等进行说明时，
尽量避免使用文字，仅以图形传达
信息
经典案例赏析
图形的冲击力
中美媒体报道的区别
结合GIS的知识可视化
对我们的启发 分布图； 销售地图； ……
拟物化表达
对我们的启发 变化的关系； 选择的关系； ……
权重信息图（1）-影响力涟漪、热力图
对我们的启发 搜索词热力图； ……
权重信息图（2）-板块结构
对我们的启发
因素构成； ……
对比的可视化表达（1）