信息可视化设计

**章　 信息的设计与视觉传达 ……………………………………………………… 001

　 一、 新读图时代……………………………………………………………………………… 001

　 二、 信息可视化设计概论…………………………………………………………………… 002

　 　 （一） 什么是信息 ……………………………………………………………………… 002

　 　 （二） 什么是信息图表设计 …………………………………………………………… 002

　 　 （三） 理解信息可视化设计 …………………………………………………………… 004

　 三、 信息可视化设计的科学与艺术………………………………………………………… 010

　 　 （一） 信息可视化的现状 ……………………………………………………………… 010

　 　 （二） 信息可视化设计的特征 ………………………………………………………… 013

　 　 （三） 信息可视化设计的未来 ………………………………………………………… 017

　 　 （四） 信息可视化设计的相关科学 …………………………………………………… 020

第二章　 信息可视化设计的发展 ……………………………………………………… 025

　 一、 远古时代———信息可视化的原始时期………………………………………………… 025

　 　 （一） 洞窟壁画 ………………………………………………………………………… 025

　 　 （二） 伊拉克巴比伦泥板 ……………………………………………………………… 025

　 　 （三） 结绳记事 ………………………………………………………………………… 026

　 二、 文字时代———信息可视化的萌芽时期………………………………………………… 026

　 　 （一） 苏美尔楔形文字 ………………………………………………………………… 026

　 　 （二） 古埃及纸莎草纸文字 …………………………………………………………… 027

　 　 （三） 甲骨文 …………………………………………………………………………… 027

　 三、 地图时代———信息可视化的雏形时期………………………………………………… 028

　 　 （一） 马王堆汉墓地图 ………………………………………………………………… 028

　 　 （二） 中国古代雕版地图 ……………………………………………………………… 028

　 　 （三） 中国*早的世界地图 …………………………………………………………… 029

（四） 古希腊时期世界地图 …………………………………………………………… 030

　 　 （五） 达·芬奇城镇地图 ……………………………………………………………… 031

　 　 （六） 中世纪宇宙地图 ………………………………………………………………… 031

　 　 （七） 专题地图 ………………………………………………………………………… 032

　 四、 数据图形学时代———信息可视化的形成时期………………………………………… 032

　 　 （一） 信息图形设计 …………………………………………………………………… 032

　 　 （二） 科学插图与系统树状图 ………………………………………………………… 036

　 　 （三） 新的视觉语言 …………………………………………………………………… 041

　 五、 大数据时代———信息可视化的发展时期……………………………………………… 048

　 　 （一） 可视化与视觉叙事 ……………………………………………………………… 049

　 　 （二） 可视化与交互 …………………………………………………………………… 049

　 　 （三） 可视化与社会服务 ……………………………………………………………… 051

第三章　 信息图表类型与现代信息设计工具………………………………………… 053

　 一、 图表类型………………………………………………………………………………… 053

　 　 （一） 柱状图 …………………………………………………………………………… 053

　 　 （二） 折线图 …………………………………………………………………………… 056

　 　 （三） 饼状图 …………………………………………………………………………… 060

　 　 （四） 散点图 …………………………………………………………………………… 062

　 　 （五） 地图 ……………………………………………………………………………… 062

　 　 （六） 雷达图 …………………………………………………………………………… 066

　 　 （七） 漏斗图 …………………………………………………………………………… 066

　 　 （八） 热力图 …………………………………………………………………………… 067

　 　 （九） 关系图 …………………………………………………………………………… 068

　 　 （十） 树图 ……………………………………………………………………………… 069

　 　 （十一） 桑基图 ………………………………………………………………………… 071

　 　 （十二） 河流图 ………………………………………………………………………… 072

　 二、 现代信息可视化设计工具……………………………………………………………… 073

　 　 （一） Ｅｘｃｅｌ 与 Ｎｕｍｂｅｒｓ 表格 …………………………………………………………… 073

　 　 （二） 网络商店提供的各种立体图表组件模板 ……………………………………… 075

　 　 （三） 谷歌图表 ＡＰＩ …………………………………………………………………… 075

　 　 （四） Ｄ3 ………………………………………………………………………………… 076

　 　 （五） Ｐｒｏｃｅｓｓｉｎｇ ………………………………………………………………………… 076

　 　 （六） Ｔｉｍｅｌｉｎｅ …………………………………………………………………………… 077

　 　 （七） Ｓｉｇｍａ?? ｊｓ …………………………………………………………………………… 077

　 　 （八） Ａｐａｃｈｅ Ｅｃｈａｒｔｓ …………………………………………………………………… 079

　 　 （九） 阿里云 ＤａｔａＶ …………………………………………………………………… 079

　 　 （十） Ｐｙｔｈｏｎ …………………………………………………………………………… 081

第四章　 信息可视化设计师／团队和优秀作品案例 ………………………………… 083

　 一、 中国信息可视化设计师／团队及作品 ………………………………………………… 083

　 　 （一） 上海大学上海美术学院团队 …………………………………………………… 083

　 　 （二） 江南大学团队 …………………………………………………………………… 083

　 　 （三） 向帆 ……………………………………………………………………………… 086

　 二、 外国信息可视化设计师／团队及作品 ………………………………………………… 087

　 　 （一） 张圣焕 （韩国） ………………………………………………………………… 087

　 　 （二） 彼得·格兰迪 （英国） ………………………………………………………… 092

　 　 （三） 阿道夫·阿兰兹 （西班牙） …………………………………………………… 092

　 　 （四） 安娜·库阿 （西班牙） ………………………………………………………… 095

　 　 （五） 扬·施沃乔团队 （德国） ……………………………………………………… 097

　 　 （六） 阿尔贝托·卢卡斯·洛佩兹 （美国） ………………………………………… 098

　 　 （七） 安东尼奥·法拉赫 （阿曼苏丹国） …………………………………………… 099

　 三、 国外交互信息可视化设计研究机构及作品…………………………………………… 101

　 　 （一） 研究机构———密度设计研究实验室 …………………………………………… 102

　 　 （二） 作品 ……………………………………………………………………………… 103

第五章　 信息可视化设计课堂作业的实现与完成 ………………………………… 111

　 一、 思维导图与信息可视化设计流程……………………………………………………… 111

　 　 （一） 思维导图简介 …………………………………………………………………… 111

　 　 （二） 信息可视化设计流程 …………………………………………………………… 114

　 二、 地图信息图表课堂作业的实现………………………………………………………… 115

　 　 （一） 单体建筑信息练习 ……………………………………………………………… 115

　 　 （二） 区域地图信息艺术性表达练习 ………………………………………………… 120

　 　 （三） 事件地图信息练习 ……………………………………………………………… 124

　 三、 整合信息设计…………………………………………………………………………… 128

　 　 （一） 单一项目或事物信息图 ………………………………………………………… 129

　 　 （二） 推理逻辑信息———从电影或大事件中挖掘线索 ……………………………… 140

　 　 （三） 整合信息设计 …………………………………………………………………… 145

第六章　 中国 “十四五” 期间 “核心技术” 信息可视化设计 ………………… 159

　 一、 课程项目背景…………………………………………………………………………… 159

　 二、 课程项目设计作品……………………………………………………………………… 159

参考文献 ……………………………………………………………………………………… 193