第一章 信息的設計與視覺傳達 ……………………………………………………… 001
一、 新讀圖時代……………………………………………………………………………… 001
二、 信息可視化設計概論…………………………………………………………………… 002
(一) 什么是信息 ……………………………………………………………………… 002
(二) 什么是信息圖表設計 …………………………………………………………… 002
(三) 理解信息可視化設計 …………………………………………………………… 004
三、 信息可視化設計的科學與藝術………………………………………………………… 010
(一) 信息可視化的現(xiàn)狀 ……………………………………………………………… 010
(二) 信息可視化設計的特征 ………………………………………………………… 013
(三) 信息可視化設計的未來 ………………………………………………………… 017
(四) 信息可視化設計的相關科學 …………………………………………………… 020
第二章 信息可視化設計的發(fā)展 ……………………………………………………… 025
一、 遠古時代———信息可視化的原始時期………………………………………………… 025
(一) 洞窟壁畫 ………………………………………………………………………… 025
(二) 伊拉克巴比倫泥板 ……………………………………………………………… 025
(三) 結繩記事 ………………………………………………………………………… 026
二、 文字時代———信息可視化的萌芽時期………………………………………………… 026
(一) 蘇美爾楔形文字 ………………………………………………………………… 026
(二) 古埃及紙莎草紙文字 …………………………………………………………… 027
(三) 甲骨文 …………………………………………………………………………… 027
三、 地圖時代———信息可視化的雛形時期………………………………………………… 028
(一) 馬王堆漢墓地圖 ………………………………………………………………… 028
(二) 中國古代雕版地圖 ……………………………………………………………… 028
(三) 中國最早的世界地圖 …………………………………………………………… 029
(四) 古希臘時期世界地圖 …………………………………………………………… 030
(五) 達·芬奇城鎮(zhèn)地圖 ……………………………………………………………… 031
(六) 中世紀宇宙地圖 ………………………………………………………………… 031
(七) 專題地圖 ………………………………………………………………………… 032
四、 數(shù)據圖形學時代———信息可視化的形成時期………………………………………… 032
(一) 信息圖形設計 …………………………………………………………………… 032
(二) 科學插圖與系統(tǒng)樹狀圖 ………………………………………………………… 036
(三) 新的視覺語言 …………………………………………………………………… 041
五、 大數(shù)據時代———信息可視化的發(fā)展時期……………………………………………… 048
(一) 可視化與視覺敘事 ……………………………………………………………… 049
(二) 可視化與交互 …………………………………………………………………… 049
(三) 可視化與社會服務 ……………………………………………………………… 051
第三章 信息圖表類型與現(xiàn)代信息設計工具………………………………………… 053
一、 圖表類型………………………………………………………………………………… 053
(一) 柱狀圖 …………………………………………………………………………… 053
(二) 折線圖 …………………………………………………………………………… 056
(三) 餅狀圖 …………………………………………………………………………… 060
(四) 散點圖 …………………………………………………………………………… 062
(五) 地圖 ……………………………………………………………………………… 062
(六) 雷達圖 …………………………………………………………………………… 066
(七) 漏斗圖 …………………………………………………………………………… 066
(八) 熱力圖 …………………………………………………………………………… 067
(九) 關系圖 …………………………………………………………………………… 068
(十) 樹圖 ……………………………………………………………………………… 069
(十一) ?;鶊D ………………………………………………………………………… 071
(十二) 河流圖 ………………………………………………………………………… 072
二、 現(xiàn)代信息可視化設計工具……………………………………………………………… 073
(一) Excel 與 Numbers 表格 …………………………………………………………… 073
(二) 網絡商店提供的各種立體圖表組件模板 ……………………………………… 075
(三) 谷歌圖表 API …………………………………………………………………… 075
(四) D3 ………………………………………………………………………………… 076
(五) Processing ………………………………………………………………………… 076
(六) Timeline …………………………………………………………………………… 077
(七) Sigma? js …………………………………………………………………………… 077
(八) Apache Echarts …………………………………………………………………… 079
(九) 阿里云 DataV …………………………………………………………………… 079
(十) Python …………………………………………………………………………… 081
第四章 信息可視化設計師/團隊和優(yōu)秀作品案例 ………………………………… 083
一、 中國信息可視化設計師/團隊及作品 ………………………………………………… 083
(一) 上海大學上海美術學院團隊 …………………………………………………… 083
(二) 江南大學團隊 …………………………………………………………………… 083
(三) 向帆 ……………………………………………………………………………… 086
二、 外國信息可視化設計師/團隊及作品 ………………………………………………… 087
(一) 張圣煥 (韓國) ………………………………………………………………… 087
(二) 彼得·格蘭迪 (英國) ………………………………………………………… 092
(三) 阿道夫·阿蘭茲 (西班牙) …………………………………………………… 092
(四) 安娜·庫阿 (西班牙) ………………………………………………………… 095
(五) 揚·施沃喬團隊 (德國) ……………………………………………………… 097
(六) 阿爾貝托·盧卡斯·洛佩茲 (美國) ………………………………………… 098
(七) 安東尼奧·法拉赫 (阿曼蘇丹國) …………………………………………… 099
三、 國外交互信息可視化設計研究機構及作品…………………………………………… 101
(一) 研究機構———密度設計研究實驗室 …………………………………………… 102
(二) 作品 ……………………………………………………………………………… 103
第五章 信息可視化設計課堂作業(yè)的實現(xiàn)與完成 ………………………………… 111
一、 思維導圖與信息可視化設計流程……………………………………………………… 111
(一) 思維導圖簡介 …………………………………………………………………… 111
(二) 信息可視化設計流程 …………………………………………………………… 114
二、 地圖信息圖表課堂作業(yè)的實現(xiàn)………………………………………………………… 115
(一) 單體建筑信息練習 ……………………………………………………………… 115
(二) 區(qū)域地圖信息藝術性表達練習 ………………………………………………… 120
(三) 事件地圖信息練習 ……………………………………………………………… 124
三、 整合信息設計…………………………………………………………………………… 128
(一) 單一項目或事物信息圖 ………………………………………………………… 129
(二) 推理邏輯信息———從電影或大事件中挖掘線索 ……………………………… 140
(三) 整合信息設計 …………………………………………………………………… 145
第六章 中國 “十四五” 期間 “核心技術” 信息可視化設計 ………………… 159
一、 課程項目背景…………………………………………………………………………… 159
二、 課程項目設計作品……………………………………………………………………… 159
參考文獻 ……………………………………………………………………………………… 193