熱評(píng) 吳秋

為作者打call,寫了好多知識(shí)盲點(diǎn)

視覺學(xué)習(xí)者(Visual learner)是那些用圖像進(jìn)行思考的人[1],這些人將腦中的畫面轉(zhuǎn)述成詞語(yǔ)去與他人進(jìn)行溝通。

世界上大約 60%[2] 的人是視覺學(xué)習(xí)者。(我也是其中之一,我猜既然你正在看這篇文章,那說(shuō)明你也是其中之一。我們之中很多人都還不知道自己是視覺學(xué)習(xí)者,因?yàn)閷W(xué)校強(qiáng)迫我們大部分時(shí)間通過(guò)文字來(lái)學(xué)習(xí)。)

翻譯自:How To Think Visually Using Visual Analogies
作者:Anna Vital , Adioma 創(chuàng)始人和信息設(shè)計(jì)師

那么,你如何通過(guò)圖像而不是文字來(lái)和我們溝通?答案是使用無(wú)處不在的視覺符號(hào)(visual symbols)和類比(analogies)。下圖這些圖表和類比是按照復(fù)雜程度排列的。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

可視化溝通的關(guān)鍵是找到無(wú)處不在的視覺符號(hào),這些符號(hào)不需要用詞語(yǔ)解釋。

大多數(shù)認(rèn)知科學(xué)的研究在探索我們?nèi)绾慰创挛铮苌儆腥搜芯课覀內(nèi)绾卫斫饪吹降臇|西。

理解是對(duì)你的可視化效果的最終檢驗(yàn)。那么,你怎樣才能讓人們理解呢?展示一些熟悉的東西并進(jìn)行類比。如果你對(duì)可視化一無(wú)所知,但是選擇了正確的類比,你就成功了一大半了。這就是一個(gè)專業(yè)設(shè)計(jì)師的工作 —— 類比是無(wú)可替代的。

如何選擇正確的類比?在上面這張大圖中,我把類比從抽象到具體按序列組織起來(lái)。并且根據(jù)形狀的相似性將它們分組。我的目的是讓你能迅速看到可能性,并在你的信息上嘗試使用它們。隨著時(shí)間的推移,你將能夠在你的頭腦中完成所有這些步驟,但現(xiàn)在這是一條捷徑。

讓我們從簡(jiǎn)單和抽象開始。

趨勢(shì)圖、曲線圖和示意圖

讓我們從圓形開始。(宇宙中大多數(shù)事物都是圓的!)

1. 餅圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

餅圖是最受歡迎的,也是最受批評(píng)的。正如 Edward Thute 所說(shuō):“……唯一一個(gè)比餅圖更糟糕的事情是有更多的餅圖”。現(xiàn)代信息圖形學(xué)之父 Otto Neurath 也拒絕使用餅圖,而使用更具語(yǔ)義的圖示法(semantic iconographics)。餅圖最好只分成 2 個(gè)扇形使用:被切出來(lái)的和我剩下的。只有 2 個(gè)扇形你仍然可以輕松比較大小 —— 超過(guò) 2 個(gè)比較起來(lái)就得困難,因此遭致批評(píng)。一旦你有 3 個(gè)或更多的扇形。你就會(huì)產(chǎn)生比較問(wèn)題 —— 我們的視力不擅長(zhǎng)比較餅圖內(nèi)的扇形,我們也不擅長(zhǎng)比較不同的餅圖。這就使得餅圖只能在少數(shù)情況下才有用。

示例:我在《70 億人在做什么》和《創(chuàng)業(yè)公司資金如何運(yùn)作》中使用了餅圖。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《70 億人在做什么》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《創(chuàng)業(yè)資金如何運(yùn)作》

2. 維恩圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

維恩圖是另外一個(gè)很流行但被濫用的類比。它有一個(gè)優(yōu)點(diǎn) —— 展示兩三件事物的重疊部分,但它不能展示重疊的程度。如果你只需要顯示重疊部分,而不需要其他數(shù)據(jù),用這個(gè)圖就很好。

示例:我用它將《決心的剖析》可視化為三種品質(zhì)組成:意志力、紀(jì)律和野心。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《決心的剖析》

3. 同心圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

同心圖就像橫向切開的洋蔥。中間是最重要的東西,或者說(shuō)某事的目的。每一層的重要性都在向外遞減。

示例:我在《擺脫不成功》圖表中使用了同心圖。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《擺脫不成功》

4. 圓形圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

圓形圖的原理是比較某物的長(zhǎng)度,其中整個(gè)圓是 100%。這意味著我們不能改變比例。這是顯示時(shí)間表的好方法,例如比較生命周期的長(zhǎng)度,完成一個(gè)項(xiàng)目所需要的時(shí)間等。這對(duì)顯示長(zhǎng)度相差懸殊的周期并不適合,會(huì)導(dǎo)致較小的周期變得不可見。

示例:《5W Infographic》里卡路里攝入量和消耗量的圖表,《天才睡覺時(shí)》的信息圖表。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

卡路里攝入量和消耗量

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《天才睡覺時(shí)》

5. 氣泡圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

這種圖表適合粗略地比較數(shù)量。同樣,氣泡本身也很難精確比較。但有時(shí)不精確反倒對(duì)我們有利。有些信息最好用粗略地比較中消化,特別是當(dāng)每個(gè)氣泡的數(shù)量級(jí)或大或小的適合。這對(duì)于比較差異巨大的預(yù)算、恒星和行星、國(guó)家的人口、食物的營(yíng)養(yǎng)價(jià)值等很有效。

示例:我在《互聯(lián)網(wǎng)在想什么》中用它來(lái)顯示媒體文章的點(diǎn)贊數(shù)量。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《互聯(lián)網(wǎng)在想什么》

6. 氣泡演變圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

我們?cè)谶@種圖表中氣泡的位置賦予意義。越靠近頂部,說(shuō)明某個(gè)國(guó)家的受教育程度越高;或者說(shuō)某顆星星的溫度越高。也就是僅使用了 Y 軸。如果同時(shí)利用兩個(gè)軸:越靠近頂部和右邊的氣泡,人口受教育程度越高,壽命越長(zhǎng)。

示例:Hans Rosling 用這個(gè)圖表來(lái)顯示世界人口的宏觀趨勢(shì)。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

世界人口的宏觀趨勢(shì)

7. 折線圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

這種圖表是一系列由直線連接的點(diǎn) —— 線條看起來(lái)引人注目從而迅速顯示出某些事物的變化。這種圖表用途廣泛,因?yàn)樗艹橄蟆5呛苌儆辛钊穗y忘的地方。然而,當(dāng)你想傳達(dá)的見解只是某些東西的變化時(shí),折線圖還是有效的。這種圖表是所有圖表中信息量最小的,和餅圖、條形圖差不多。

示例:溫度的變化、馬拉松不同距離的心率、事故數(shù)量隨著時(shí)間推移的變化等。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

譯者備注:從其他網(wǎng)站找到的圖《道路事故數(shù)量隨著時(shí)間推移的變化》

8. 面積圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

通過(guò)用顏色填充線條下面的空間來(lái)表示兩個(gè)或多個(gè)折線圖之間的差異。使用此圖表進(jìn)行趨勢(shì)比較。

示例:這種圖表可以在 Bereau Oberhaeuser 的 《Brockhaus 信息圖表百科全書》中的時(shí)間軸上找到。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《Brockhaus 百科全書信息圖表》

9. 散點(diǎn)圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

這種圖表很適合展示集群和孤立點(diǎn)。在這里,我們要準(zhǔn)確展示數(shù)值的位置。讀者不會(huì)分辨出集群內(nèi)的點(diǎn),但集群外的點(diǎn)和集群本身會(huì)吸引人們的注意力。

示例:《最佳表演,終極的狗數(shù)據(jù)》由 David McCandless 繪制,用狗的輪廓代替點(diǎn)。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《最佳表演,終極的狗數(shù)據(jù)》

10. 旭日?qǐng)D

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

也叫環(huán)形圖(Ring Chart)或多級(jí)餅圖(Multi-level pie),這是一個(gè)帶有層次結(jié)構(gòu)的餅圖。例如,如果中心是時(shí)間開始,那么最接近的餅圖就是開始以來(lái)的第一個(gè)時(shí)期。然后你可以依次展示這段時(shí)間內(nèi)的各個(gè)周期。這種圖表通常用于展示磁盤空間的使用情況,因?yàn)橛?jì)算機(jī)中的文件夾和子文件夾之間存在層次關(guān)系。

示例:表示 Linux 文件系統(tǒng)中磁盤使用情況的圖表。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

Linux 文件系統(tǒng)中磁盤使用情況的圖表

11. 扇形圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

展示的事物在離中心越遠(yuǎn)的情況會(huì)翻倍,扇形圖常用來(lái)展示族譜樹和思想的演變。

示例:美國(guó)傳統(tǒng)英語(yǔ)詞典中的語(yǔ)言樹信息。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

譯者備注:沒(méi)找到原圖,用歐洲語(yǔ)言樹代替

12. 風(fēng)玫瑰圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

展示有多少事物流向哪個(gè)方向。這種圖表最初用來(lái)顯示每個(gè)方向風(fēng)的強(qiáng)度大小。

示例:《東部軍隊(duì)死亡原因》作者 Florence Nightingale。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《東部軍隊(duì)死亡原因》

13. 柱狀圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

通過(guò)柱子的高度展示數(shù)字。柱狀圖比氣泡圖展示數(shù)量較少的值時(shí)效果更好。我們的眼睛可以很容易的比較柱子的長(zhǎng)度 —— 在需要顯示準(zhǔn)確數(shù)值時(shí)使用。但最好不要用柱狀圖來(lái)比較 —— 用磁帶圖來(lái)比較更好。

示例:我在《工程師的工資信息圖表報(bào)告》和《創(chuàng)業(yè)公司資金如何運(yùn)作》的信息圖表中使用了柱狀圖,其中柱子被做成一系列建筑物的風(fēng)格。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《工程師的工資信息圖表報(bào)告》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《創(chuàng)業(yè)公司資金如何運(yùn)作》

14. 磁帶圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

展示比例 —— 一個(gè)數(shù)字與另外一個(gè)數(shù)字之間的關(guān)系。想象一下,你有一卷磁帶用來(lái)測(cè)量任何東西。你的結(jié)果會(huì)是這樣:這是 1 卷磁帶長(zhǎng)度,另外那個(gè)是 2 卷磁帶的長(zhǎng)度等。為了使圖表更直觀,可以用簡(jiǎn)單的圖標(biāo)代替磁帶。

示例:我在《從貧窮到富有》的信息圖表中使用了磁帶圖,還有我為谷歌設(shè)計(jì)的《女子足球信息圖表》。磁帶圖和圖標(biāo)經(jīng)常在國(guó)際圖形字體教育體系(ISOTYPE)中一起使用。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《從貧窮到富有》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《女子足球信息圖表》

15. 甘特圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

展示時(shí)間的延伸以及時(shí)間與其他事物之間的關(guān)系。這種圖表最初用于項(xiàng)目的時(shí)間安排。用甘特圖來(lái)展示未來(lái)的預(yù)測(cè)、法庭聽證、火車時(shí)刻表等。

示例:在 Wait But Why 制作的《時(shí)間的透視》的甘特圖中,每條新線都改變了時(shí)間的尺度,你可以看到人類經(jīng)驗(yàn)中的時(shí)間間隔和那些超越我們理解的時(shí)間間隔之間的關(guān)系。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《時(shí)間的透視》

16. 矩形樹圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

使用嵌套的矩形來(lái)展示層次結(jié)構(gòu)。這樣你就可以把矩形分割成更小的矩形(只要確保最小矩形仍然可見)。通過(guò)這種方式,你可以將預(yù)算可視化,然后再在預(yù)算中進(jìn)行更詳細(xì)的預(yù)算。

示例:Thomas Porostocky 的《過(guò)早死亡的原因》信息圖。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《過(guò)早死亡的原因》

17. 網(wǎng)格圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

既是一種安排事物的系統(tǒng),也是一種視覺類比。作為一種視覺類比,網(wǎng)格圖讓你立即知道沒(méi)有層次結(jié)構(gòu) —— 每個(gè)單元都是平等。當(dāng)然,網(wǎng)格是有秩序的。

示例:如果沒(méi)有更好的類比,文章開頭的長(zhǎng)圖就是一個(gè)網(wǎng)格圖。我把我的日常想法和 Paul Graham 的文章當(dāng)做網(wǎng)格圖。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

我的日常想法和 Paul Graham 的文章

現(xiàn)在你可以很容易地在 Adioma(譯者備注:該文章作者創(chuàng)建的可視化品牌) 的信息圖表制作工具中構(gòu)建圖標(biāo)網(wǎng)格圖。

18. 元素周期表

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

這是一種網(wǎng)格,其中一個(gè)單元格在某一列某一行的位置具有某種意義。例如,單元格越靠右的化學(xué)元素更有活性。其他例子還有:越靠右的飲料酒精含量越高,但是越靠下的飲料含糖量越高。

示例:《字體周期表》。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《字體周期表》

19. 弧線圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

這種一維圖展示任意兩個(gè)節(jié)點(diǎn)之間的相互作用。這能很好的揭示模式。這里有一些靈感:任意兩個(gè)國(guó)家之間的戰(zhàn)爭(zhēng),小說(shuō)之間人物的互動(dòng),音樂(lè)藝術(shù)家之間的合作等。

示例:由 David McCandless 制作的 Les Miserable 字符、代碼庫(kù)、數(shù)百萬(wàn)行代碼之間的交互作用。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

Les Miserable 字符、代碼庫(kù)、數(shù)百萬(wàn)行代碼之間的交互作用

20. 桑基圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

用線的粗細(xì)代表數(shù)字。把桑基圖想象成一條從源頭流出的河流。河流最開始,它只是一條粗實(shí)線,但它繼續(xù)流下去,會(huì)分成更細(xì)的主河、小河、小溪和溪流。

示例:Lee Byron 制作的信息圖表《關(guān)系會(huì)發(fā)生什么》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《關(guān)系會(huì)發(fā)生什么》

21. 弦線圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

與弧線圖類似,弦線圖展示兩個(gè)節(jié)點(diǎn)之間的相互作用。由此產(chǎn)生的線條粗細(xì)代表任何兩個(gè)相互作用的強(qiáng)度。在這樣的環(huán)形和弧線中,要確保所有變量都是同一類型(同質(zhì))。這種圖表可以用來(lái)展示:以他們之間的電話數(shù)量來(lái)衡量不同總統(tǒng)之間的聯(lián)系,對(duì)外伙伴關(guān)系,毒品的相互作用,美國(guó)主要城市之間的旅行等。

示例:由 Mike Bostock 繪制的《Uber 在舊金山社區(qū)之間打車情況》,還有他做的更容易看懂的《專利戰(zhàn)爭(zhēng)》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《Uber 在舊金山社區(qū)之間打車情況》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《專利戰(zhàn)爭(zhēng)》

22. 雷達(dá)圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

每個(gè)輻條的長(zhǎng)度展示一個(gè)數(shù)字,類似于條形圖。但在這種圖表中,我們并不強(qiáng)調(diào)它們之間的差異,而是對(duì)粗略比較,以及輻條的數(shù)量更感興趣。雷達(dá)圖有助于分析我們通常認(rèn)為是一個(gè)整體事物組成部分、特征和成分。

示例:在《成功的秘密》的信息圖中,作者在雷達(dá)圖的軸線上顯示了成功的屬性,覆蓋了 3 種不同人群。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《成功的秘密》

極坐標(biāo)圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

這種圖表顯示的特點(diǎn)類似于雷達(dá)圖,但在這里你可以添加更多的輻條,因?yàn)椴皇芙嵌葦?shù)量的限制。提示:你可以在 Adobe illustrator 中使用圖表工具來(lái)制作極坐標(biāo)圖。

示例:這張圖表顯示了 86 種不同類型威士忌的風(fēng)味特征,在網(wǎng)格布局中使用極坐標(biāo),便于比較口味的微妙之處。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

86 種不同類型威士忌的風(fēng)味特征

螺旋圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

這是一個(gè)時(shí)間序列,從圓心開始,離圓心越遠(yuǎn)表示時(shí)間越接近現(xiàn)在。用這種圖來(lái)顯示對(duì)未來(lái)的預(yù)測(cè)、演變、時(shí)間的歷史等。

示例:美國(guó)地質(zhì)調(diào)查局制作的《地質(zhì)時(shí)間螺旋 —— 通向過(guò)去路徑》的信息圖表。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《地質(zhì)時(shí)間螺旋 —— 通向過(guò)去路徑》

時(shí)間軸

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

也是一個(gè)時(shí)間序列,事件從左上角開始顯示,以螺旋狀移動(dòng)。這種螺旋形狀的方式引導(dǎo)我們的眼睛自然地跟隨敘述,而不用我們像閱讀文字時(shí)那樣快速回到下一行開始的地方。使用時(shí)間軸來(lái)可視化傳記、故事和程序。這是我在信息圖表工具 Adioma 中構(gòu)建的第一個(gè)模板。

示例:我用它來(lái)把名人和公司傳記進(jìn)行可視化。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

譯者備注:原文作者的案例《埃隆·馬斯克的傳記》

并列比較

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

用兩條平行線上的點(diǎn),逐項(xiàng)說(shuō)明兩件事物的差異。

示例:Nigel Holmes 制作的《固定心態(tài) vs 成長(zhǎng)心態(tài)》,還有《100 年的變化》用插圖做了一個(gè)情感上的比較,雖然有時(shí)過(guò)于夸張了。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《固定心態(tài) vs 成長(zhǎng)心態(tài)》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《100 年的變化》

抽象樹

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

用來(lái)展示層次和分組。任何具有子類型的東西都可以表示為樹。

示例:Mashable 制作的《Apple 產(chǎn)品樹》。如果讀者更多是在移動(dòng)設(shè)備或電腦上閱讀這種圖的話,那么從上往下倒著排列會(huì)更好。對(duì)于印刷品來(lái)說(shuō),從下往上就可以了。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《Apple 產(chǎn)品樹》

思維導(dǎo)圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

用思維導(dǎo)圖任何東西之間都可聯(lián)系起來(lái)。就像在人的頭腦中一樣,似乎無(wú)論多么遙遠(yuǎn)或不相關(guān),任何數(shù)量的東西都可以連接起來(lái)。用思維導(dǎo)圖可以進(jìn)行頭腦風(fēng)暴,展示錯(cuò)誤的邏輯等。

示例:我在《如何提高生產(chǎn)力》中使用了思維導(dǎo)圖。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《如何提高生產(chǎn)力》

決策樹

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

顯示決策如何相互流動(dòng),節(jié)點(diǎn)的形狀顯示這是一個(gè)什么樣的決策。

示例:洛杉磯信息設(shè)計(jì)師 Becca Clason 設(shè)計(jì)的《我應(yīng)該給他發(fā)短信嗎?》展示出在不影響信息可讀性的情況下,人們可以將多少濃縮在決策樹中。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《我應(yīng)該給他發(fā)短信嗎?》

方框圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

方框圖也叫流程圖,展示解決方案或算法。圓角矩形代表開始或結(jié)束,菱形是決策,平行四邊形是輸入或輸出,而矩形是一個(gè)過(guò)程。可將此圖用于決策、戰(zhàn)略的可視化、法庭裁決、辯論等。

示例:任何算法都能用方框圖來(lái)表示。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

譯者備注:從其他網(wǎng)站找到的案例

抽象類比

這些都是類比,因?yàn)樗鼈兡茏屓寺?lián)想到真實(shí)的事物,但它們更簡(jiǎn)單而抽象。

1. 金字塔

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

展示層次結(jié)構(gòu),上層逐步小于下層。社會(huì)中權(quán)利和金錢的分配方式也是這樣,社會(huì)階層和種姓亦是如此。更加抽象的概念也可以用 —— 馬斯洛需求模型、禮貌程度、營(yíng)養(yǎng)價(jià)值等。

示例:《健康飲食金字塔》是一個(gè)與插圖相結(jié)合的金字塔,顯示我們現(xiàn)代對(duì)營(yíng)養(yǎng)的理解。雖然你不應(yīng)該把形狀的大小理解為推薦的分量,但它確實(shí)顯示了相對(duì)大小和重要性。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

譯者備注:從其他網(wǎng)站找到的案例《健康飲食金字塔》

2. 漏斗

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

和金字塔方向剛好相反。可以用來(lái):在所有的潛在候選人中尋找配偶(因?yàn)樗麄兘?jīng)歷了不同的挑選階段)、客戶轉(zhuǎn)化等。

示例:轉(zhuǎn)化漏斗、銷售漏斗。《但丁的地獄圈》是一個(gè)顯示詳細(xì)層次的漏斗 —— 該漏斗暗示絕大多數(shù)人不會(huì)下地獄。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《但丁的地獄圈》

3. 輻輪

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

所有的輻條均勻支撐中心,但它們的順序并不重要。這適用于展示任何平等的成員或部分:一個(gè)組織的捐贈(zèng)者們、知識(shí)類型、理論、概率等。

示例:Mark Vital 用輻輪展示《9 種智力類型》。另外還有 《16 世紀(jì)的尿輪》—— 根據(jù)病人尿液的顏色、氣味和味道來(lái)診斷病人。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《9 種智力類型》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《16 世紀(jì)的尿輪》

4. 循環(huán)輪

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

這種類型的重點(diǎn)是永無(wú)止境的循環(huán)。當(dāng)我們想要表明我們不確定是什么導(dǎo)致了什么 —— 雞生蛋或者蛋生雞的時(shí)候,這種圖表特別有用。

示例:投資者的情緒是循環(huán)的,正如《投資者情緒輪》所描述的那樣,投資者的思維也是循環(huán)的。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《投資者情緒輪》

5. 樓梯

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

比喻強(qiáng)調(diào)實(shí)現(xiàn)某種目標(biāo)所需要的步驟數(shù)量。我們還可以比較不同的樓梯 —— 一個(gè)有很多小臺(tái)階的樓梯和一個(gè)臺(tái)階少但大的樓梯,兩者可以達(dá)到同樣的高度,這很有見地。人們對(duì)樓梯的熟悉程度足以讓他們知道,根據(jù)樓梯的挑戰(zhàn)性,上樓的難度有多大。因此,你可以通過(guò)使樓梯更陡峭、臺(tái)階更密集或其他方式來(lái)改變樓梯的難度。

示例:《你今天到達(dá)了哪個(gè)臺(tái)階》顯示人一步步采取行動(dòng)的態(tài)度的進(jìn)展。另外,在 Everett Henry 的《共濟(jì)會(huì)的結(jié)構(gòu)》用來(lái)比較兩種不同儀式的名稱。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《你今天到達(dá)了哪個(gè)臺(tái)階》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《共濟(jì)會(huì)的結(jié)構(gòu)》

6. 國(guó)際圖形字體教育體系(ISOTYPE)

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

譯者備注:ISOTYPE(International System of Typographic Picture Education),即國(guó)際圖形字體教育體系,是一套由奧地利經(jīng)濟(jì)學(xué)家奧托·紐拉特(Otto Neurath)主導(dǎo)創(chuàng)建的視覺語(yǔ)言系統(tǒng)。由一套標(biāo)準(zhǔn)化和抽象的圖形符號(hào)來(lái)表示社會(huì)科學(xué)數(shù)據(jù)。

用圖標(biāo)的數(shù)量來(lái)顯示事物的數(shù)量,而不是像柱狀圖那樣通過(guò)放大物體的大小來(lái)顯示數(shù)量。ISOTYPE 是奧托·紐拉特(Otto Neurath)發(fā)明的視覺語(yǔ)言系統(tǒng)。

示例:《紐約時(shí)報(bào)》用 ISOTYPE 來(lái)顯示伊拉克的死亡人數(shù)。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

伊拉克的死亡人數(shù)

7. 地鐵路線圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

展示有多個(gè)站點(diǎn)的路線如何相交。例如:你大腦中的思維是如何影響的,不同的研究目標(biāo)是如何相互關(guān)聯(lián),理論是如何互相聯(lián)系(或者沒(méi)有聯(lián)系),身體如何運(yùn)輸血液,恒星在星系中的位置以及它們?nèi)绾蜗鄬?duì)運(yùn)動(dòng)。

示例:我在《企業(yè)家的思維方式》中使用了這種圖表。這里有個(gè)更為直接的類比運(yùn)用《把美國(guó)洲際公路系統(tǒng)類比為地鐵》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《企業(yè)家的思維方式》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《把美國(guó)洲際公路系統(tǒng)類比為地鐵》

8. 速度儀表

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

展示增加價(jià)值的東西如何從安全到危險(xiǎn)、從慢到快等。

示例:為了比較火車速度,意大利設(shè)計(jì)師 Francesco Franchi 把它們?nèi)糠湃胍粋€(gè)虛構(gòu)的速度計(jì)中,按照速度和國(guó)家排列。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

比較火車速度

9. 齒輪

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

轉(zhuǎn)動(dòng)一個(gè)齒輪會(huì)使得其他齒輪也被帶動(dòng)起來(lái),這意味著即使轉(zhuǎn)動(dòng)一個(gè)很小的齒輪也能使更大的齒輪轉(zhuǎn)動(dòng)起來(lái)。這種類比就像是杠桿作用:幫某個(gè)人一個(gè)小忙可能會(huì)帶來(lái)更大的回報(bào),一個(gè)有利于弱勢(shì)社區(qū)的小項(xiàng)目可能會(huì)在長(zhǎng)期內(nèi)節(jié)省大量的聯(lián)邦資金。建造無(wú)家可歸者的庇護(hù)所可能會(huì)導(dǎo)致犯罪的減少等。

示例:我不得不舉一個(gè)反面教材:《語(yǔ)言的速度》背后有精彩的研究和信息,但齒輪沒(méi)有用來(lái)顯示其中的聯(lián)系。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《語(yǔ)言的速度》

10. 拼圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

展示了不規(guī)則的碎片是如何組合在一起的,盡管看起來(lái)好像是錯(cuò)位的,

示例:這張《匿名互聯(lián)網(wǎng)用戶》將氣泡塑造成拼圖,強(qiáng)調(diào)匿名互聯(lián)網(wǎng)是努力合作才得以使用。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《匿名互聯(lián)網(wǎng)用戶》

11. 杠桿

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

表明一件小事物是如何平衡甚至超過(guò)一個(gè)大事物。這個(gè)類比可以用來(lái)展示談判策略、增長(zhǎng)潛力、有利于失敗者的趨勢(shì)。

示例:弱者和強(qiáng)者之間的平衡,弱者有一些優(yōu)勢(shì)。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

譯者備注:從其他網(wǎng)站找到的案例

12. 天平

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

展示比較,特別是需要在作出決定的時(shí)候。用天平來(lái)顯示利與弊、正與負(fù)、聰明和愚蠢的解決方案等。

示例:公平、會(huì)計(jì)平衡、權(quán)利平衡等。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

譯者備注:從其他網(wǎng)站找到的案例

13. 切爾諾夫臉譜圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

人臉很容易被識(shí)別,因?yàn)槲覀兠刻於荚诳慈四槪粤私馊藗兊膭?dòng)機(jī)、感受和熟悉程度。臉部的每一個(gè)元素 —— 眼睛、鼻子、嘴巴都可以通過(guò)改變來(lái)傳達(dá)信息。臉部不只是傳達(dá)情緒,任何可以被編碼為人類情感的指標(biāo)都適用。

示例:Steve Wang 為《紐約時(shí)報(bào)》制作的信息圖中用切爾諾夫臉譜圖來(lái)表達(dá)棒球教練的個(gè)性。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

棒球教練的個(gè)性

14. 頭部輪廓

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

顯示頭部?jī)?nèi)部的隔間 —— 不同的思想所處的地方以及它們是如何連接起來(lái)的。

示例:《互聯(lián)網(wǎng)在想什么》—— 我根據(jù)讀者分享的最受歡迎的媒體文章創(chuàng)建的互聯(lián)網(wǎng)集體頭部的輪廓。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《互聯(lián)網(wǎng)在想什么》

15. 系譜樹

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

這是一種幫助追蹤線索的抽象樹的變體。

示例:產(chǎn)品、人員、思想等的繼承。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

譯者備注:從其他網(wǎng)站找到的案例

16. 組成結(jié)構(gòu)

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

指出一個(gè)物體或人的各個(gè)組成部分,描述每個(gè)部分的作用。使用的例子包括剖析企業(yè)家、剖析說(shuō)唱歌手、計(jì)算機(jī)結(jié)構(gòu)等。

示例:《如何擁有簡(jiǎn)單生活》—— 我的個(gè)人計(jì)劃,以自己為基礎(chǔ)簡(jiǎn)化生活。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《如何擁有簡(jiǎn)單生活》

17. 迷宮

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

這種類比強(qiáng)調(diào)通往解決方案的道路是多么的復(fù)雜,可能有不止一條出路,以及那些結(jié)果是什么。用這個(gè)類比來(lái)比較戰(zhàn)略、政策等。

示例:思想、政策、政治等的糾纏。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

譯者備注:從其他網(wǎng)站找到的案例《錯(cuò)綜復(fù)雜的教材市場(chǎng)給學(xué)生帶來(lái)了困惑》

18. 地圖

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

除了繪制陸地和海洋地圖之外,地圖還可以用來(lái)展示互聯(lián)網(wǎng)世界。例如,把陸地比做最受歡迎的網(wǎng)站,海洋比做深層網(wǎng)絡(luò)。關(guān)鍵是要讓類比做得簡(jiǎn)潔易懂(最好在旁邊做一個(gè)圖例)。由于地圖可能會(huì)有過(guò)多的細(xì)節(jié),所以對(duì)它的每一個(gè)小部分都進(jìn)行類比是很重要的。

示例:Martin Vargic 繪制的《互聯(lián)網(wǎng)地圖》,其中谷歌、蘋果和色情作品遍布各大洲。另一個(gè)例子是 Patrice Barnabe 的地圖,它是一副充滿情感和高度個(gè)人化的自畫像。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《互聯(lián)網(wǎng)地圖》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《互聯(lián)網(wǎng)地圖》局部

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

Patrice Barnabe 的地圖

模擬類比

這些是真正的模擬 —— 它們看起來(lái)像你所熟悉的實(shí)物。

1. 冰山

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

表明事物的可見部分比水下部分小得多。這是描述努力、成功和抽象過(guò)程的標(biāo)準(zhǔn)類比。

示例:《SEO 策略》,雖然不是特別直觀,但仍然成功使得 SEO 從抽象變得具體。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《SEO 策略》

2. 高山

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

表現(xiàn)了挑戰(zhàn),勝利意味著攀登頂峰。這座山的準(zhǔn)確地形是你進(jìn)行類比的機(jī)會(huì) —— 山頂是否遙不可及,一路的山坡是否陡峭,還是爬得越高越容易?

示例:我在《如何永不放棄》中使用了這種類比。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《如何永不放棄》

3. 島嶼

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

表明一個(gè)孤立的過(guò)程,其中界限是明確的,但活動(dòng)是復(fù)雜的,一個(gè)島嶼可以作為一個(gè)類比。

示例:亞文化、城市、公司的生命周期等。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

譯者備注:從其他網(wǎng)站找到的案例《丹麥島嶼如何實(shí)現(xiàn) 100% 的能源自給》

譯者備注:從其他網(wǎng)站找到的案例《丹麥島嶼如何實(shí)現(xiàn) 100% 的能源自給》

4. 三明治

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

多層的事物,層層散開,懸浮在空氣中,顯示他們的內(nèi)部結(jié)構(gòu)。建筑物、車輛、當(dāng)然還有三明治或任何其他菜肴都可以表示,但人或者其他生物不行。

示例:商業(yè)內(nèi)幕出版的《環(huán)游世界:今日地圖集》展示了白宮內(nèi)部的情況。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

白宮內(nèi)部的情況

5. 宇宙

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

這種類比描述的是一些圍繞著更大物體旋轉(zhuǎn)的事物,但沒(méi)有可見的力量拉扯它們 —— 你看不到重力,但你知道它存在 —— 你能感覺到它。例如:這個(gè)類比很適合與人們是如何被一個(gè)想法吸引的,或者創(chuàng)業(yè)公司吸引了什么樣的投資者,你可以用這些太陽(yáng)系建造一個(gè)星系來(lái)進(jìn)行比較。

示例:Accurat 的《創(chuàng)業(yè)宇宙》將初始估值比做行星,并暗示引力的同心度來(lái)顯示連續(xù)的融資回合。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《創(chuàng)業(yè)宇宙》

6. 鐘面

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

這絕對(duì)是所有人都熟悉的物體,時(shí)鐘使人敏銳觀察到:時(shí)間可以被分為不連續(xù)的部分。使用不同密度的顏色,我們可以賦予這些部分新的含義 —— 在某些時(shí)間內(nèi)建筑物會(huì)變得繁忙等。

示例:我見過(guò)對(duì)鐘面絕佳案例是根本沒(méi)有鐘,但因?yàn)槿藗儗?duì)鐘很熟悉,所以很容易知道現(xiàn)在是什么時(shí)間 —— 就是這張來(lái)自 Brain Pickings 《著名作家的作息時(shí)間》。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《著名作家的作息時(shí)間》

7. 層次

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

表明某物的不同層次,可以被剝開到達(dá)核心。這樣你才能得到真相,或者秘密。例如,調(diào)查預(yù)算花在什么地方,人們使用什么借口等。

示例:《水資源預(yù)算的組成部分》描述了影響水成本和水質(zhì)的層次。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《水資源預(yù)算的組成部分》

8. 過(guò)山車

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

強(qiáng)調(diào)事情在一秒鐘內(nèi)由好變壞,反復(fù)發(fā)生的時(shí)候。這讓人聯(lián)想到經(jīng)營(yíng)企業(yè)、從事創(chuàng)造性的工作、談戀愛、養(yǎng)育子女、以及普遍的情緒變化。

示例:David Hauser 繪制的《企業(yè)家的過(guò)山車》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《企業(yè)家的過(guò)山車》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

譯者備注:從其他網(wǎng)站找到的例子《企業(yè)家每天的日常生活》

9. 書架

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

書籍的大小顯示不同了的信息量。書在書架上的順序也傳達(dá)了信息。

示例:Jared Fanning 繪制的《世界上閱讀量最多的 10 本書》。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《世界上閱讀量最多的 10 本書》

10. 根源

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

表明事物是如何生根發(fā)芽的。例如:思想、移民、體內(nèi)病毒、媒體名人等。

示例:《問(wèn)題的根源》展示了二氧化碳的增加的問(wèn)題根源是什么。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《問(wèn)題的根源》

11. 樹

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

顯示樹枝分裂成更小的樹枝。這個(gè)類比描述了知識(shí)、思想的傳播、物種的進(jìn)化等。

示例:《知識(shí)困惑之樹》介紹了不同類型的知識(shí)謬誤以及它們之間的關(guān)系。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《知識(shí)困惑之樹》

12. 循環(huán)系統(tǒng)

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

這表明從心臟向任何器官的外部運(yùn)動(dòng)。使用的例子有交通系統(tǒng) —— 城市的心臟與郊區(qū)是如何連接的。這個(gè)類比的另外一個(gè)特點(diǎn)是:顯示兩種不同的事物在運(yùn)動(dòng),取決于方向 —— 好的血液來(lái)自心臟,壞的血液流向心臟。

示例:供應(yīng)鏈、交通樞紐 —— 任何具有形象的心臟和流向心臟的血液系統(tǒng)。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

譯者備注:從其他網(wǎng)站找的案例

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

譯者備注:從其他網(wǎng)站找的案例

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

譯者備注:從《人體運(yùn)轉(zhuǎn)的秘密 一場(chǎng)不可思議的人體內(nèi)部旅行》找到的案例:氧氣供應(yīng)鏈

寓言

這些都是故事,或者一系列的類比。關(guān)鍵在于這些故事足夠熟悉,以至于我們不需要復(fù)述它們,但是我們應(yīng)該將它們的每一部分都進(jìn)行類比。

1. 建筑物中的活動(dòng)

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

建筑物中不同房間的生活活動(dòng),展示同一個(gè)人或事物如何根據(jù)他們?cè)诮ㄖ镏械奈恢枚扇⊥耆煌男袆?dòng)。

示例:我在為 TheResumator 制作的信息圖表《如何招聘》,解釋公司如何招聘人才,其中每一層都是流程中的一個(gè)步驟。《九龍城寨》是 Adolfo Arranz 的另一副永恒的作品,他用這種類比是我見過(guò)用得最好的。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《如何招聘》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《九龍城寨》

2. 城市生活

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

城市因?qū)⑵渚用裆罱Y(jié)構(gòu)化為公寓、街道和社區(qū)的網(wǎng)格而引人注目,同時(shí)又允許居民在人行道上隨意運(yùn)動(dòng)。這種類比很好地展示了結(jié)構(gòu)過(guò)程是如何運(yùn)作的,結(jié)合了可預(yù)測(cè)性和隨機(jī)性。

示例:我在《初創(chuàng)企業(yè)的資金如何運(yùn)作》中使用這種類比來(lái)展示當(dāng)一個(gè)公司成長(zhǎng)時(shí),它是如何占據(jù)更大的建筑物的。另一個(gè)例子是我制作的另一個(gè)信息圖表,以幫助我解釋 lotera 公司的革命性技術(shù)如何改變城市中人與事物之間的溝通。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

lotera 公司的革命性技術(shù)如何改變城市中人與事物之間的溝通

3. 馬拉松

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

馬拉松是一種時(shí)間軸。這里強(qiáng)調(diào)的是隨著比賽的進(jìn)行中事物的狀態(tài),尤其是最后階段。這種類比很適用于開始簡(jiǎn)單而完成困難的事情,比如:創(chuàng)建一家公司、寫一本小說(shuō)。

示例:我在《創(chuàng)業(yè)馬拉松》中使用了這種類比。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《創(chuàng)業(yè)馬拉松》

4. 進(jìn)化

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

這也是一種時(shí)間軸,只不過(guò)在這里我們看到的是某種事物的逐漸變化。進(jìn)化的結(jié)果與一開始截然不同。比如計(jì)算機(jī)的版本隨著時(shí)間推移,對(duì)科學(xué)的理解等。

示例:《手機(jī)尺寸的演變》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

譯者備注:從第三方網(wǎng)站找的《手機(jī)的演變》

5. 食物鏈

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

在生活中許多領(lǐng)域都有大魚吃小魚。這種類比適用于公司收購(gòu)、只有一個(gè)贏家的戰(zhàn)爭(zhēng)、預(yù)算重新分配等。

示意:《初創(chuàng)企業(yè)的生態(tài)系統(tǒng):食肉動(dòng)物 vs 獵物》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《初創(chuàng)企業(yè)的生態(tài)系統(tǒng):食肉動(dòng)物 vs 獵物》

6. 聚集

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

當(dāng)我們想比較從未同時(shí)發(fā)生的事物時(shí),故意將它們集中子一個(gè)地方進(jìn)行比較時(shí)很有效的辦法。通過(guò)這種方式,我們可以比較相距半個(gè)地球的標(biāo)志性建筑,被時(shí)間和距離隔開的名人,不是鄰居的國(guó)家。給它們之間一點(diǎn)重疊使得這種效果更加直觀。

示例:世界上最高的建筑如果集中在一個(gè)虛構(gòu)的城市中,看起來(lái)就像是未來(lái)都市。要看世界上最高的建筑物在過(guò)去的 100 年里發(fā)生了怎樣的變化,可以看看 George F. Cram 在 19 世紀(jì) 80 年代所作的《1890 年世界主要高層建筑圖》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《1890 年世界主要高層建筑圖》

7. 實(shí)驗(yàn)

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

表明事物以不同尋常的方式聯(lián)系在一起,特別是它們被結(jié)合在一起,然后分開,再結(jié)合在一起。不過(guò),實(shí)驗(yàn)是人工合成的,不像其他自然類比那樣親切。但是,實(shí)驗(yàn)仍然適用于展示抽象的研究方法 —— 液體的混合和它們?cè)诠艿乐羞\(yùn)動(dòng)。

示例:我為世界銀行制作的《企業(yè)家精神可以學(xué)習(xí)嗎?》我在第二頁(yè)用實(shí)驗(yàn)類比的方式展示創(chuàng)業(yè)的要素。另一個(gè)示例是《創(chuàng)業(yè)公司如何估值》把估值想像成一個(gè)科學(xué)實(shí)驗(yàn)。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《企業(yè)家精神可以學(xué)習(xí)嗎?》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《創(chuàng)業(yè)公司如何估值》

8. 工廠

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

工廠是一個(gè)人造的環(huán)境,只有在所有自然環(huán)境都不適合的情況下才采用這個(gè)類比。不是每個(gè)人都去過(guò)工廠。尤其是那些采用大量機(jī)器人的工廠,對(duì)大多數(shù)人來(lái)說(shuō)似乎都很陌生,這會(huì)成為類比中再類比 —— 這就沒(méi)意義了。但大多數(shù)人都會(huì)認(rèn)識(shí)工廠內(nèi)的機(jī)械流程 —— 傳送帶、小部件、裝配線。

示例:總部設(shè)在倫敦的設(shè)計(jì)師 Jing Zhang 是一位將日常物品“仿真化”的大師,幫助人們理解無(wú)形的東西是如何工作的。這是她想象中的茶工廠,茶壺里的制茶過(guò)程。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

想象中的茶工廠,茶壺里的制茶過(guò)程

9. 成套工具

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

描述一個(gè)人的行為方式可以歸結(jié)為他們的視角 —— 當(dāng)他們行動(dòng)或遵循某個(gè)過(guò)程時(shí)看到什么。

示例:這張關(guān)于《正式餐飲環(huán)境》的信息圖特別關(guān)注所有“工具”在桌面上的位置。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《正式餐飲環(huán)境》

10. 傳送帶

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

這是一種自動(dòng)增加或減少一系列相同的對(duì)象的事物。學(xué)校或一般的教育(在更憤世嫉俗的觀點(diǎn)中),像小說(shuō)寫作這樣的創(chuàng)作過(guò)程,法律的通過(guò),質(zhì)量控制 —— 所有這些都可以類比為傳送帶。對(duì)于我們大多數(shù)人認(rèn)為應(yīng)該個(gè)性化的事情,比如教育和醫(yī)療保險(xiǎn),這個(gè)類比可能有貶義。

示例:《我的創(chuàng)業(yè)會(huì)成功嗎?》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《我的創(chuàng)業(yè)會(huì)成功嗎?》

11. 道路

任何人都曾走過(guò)道路。任何可以分解成步驟的事物都可以被形象化為一條道路。一個(gè)烘培食譜,一個(gè)在網(wǎng)站上注冊(cè)的流程,做手術(shù),成為宇航員,收拾行李的方法等。任何時(shí)間軸都是一條道路。但是一條道路比一條時(shí)間軸顯得更富有情感 —— 所以首先要問(wèn)你的信息是否應(yīng)該有情感。

示例:《創(chuàng)業(yè)馬拉松》

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

《創(chuàng)業(yè)馬拉松》

12. 機(jī)器

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

同樣是人造的物品。任何裝置,甚至是想象中的,只要它的部件是熟悉的,就能運(yùn)轉(zhuǎn)。這種類比給了你很大的自由 —— 你可以建造任何機(jī)器 —— 但同時(shí)存在用類比再創(chuàng)造類比的風(fēng)險(xiǎn)。如果你要?jiǎng)?chuàng)造一臺(tái)機(jī)器,同樣的用戶界面原則適用于仿佛是一臺(tái)真實(shí)的機(jī)器 —— 應(yīng)該清楚哪些按鈕做什么,過(guò)程在哪里開始和結(jié)束。

示例:這張經(jīng)典的信息圖解釋了人體內(nèi)部的運(yùn)作。

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

人體內(nèi)部的運(yùn)作

可視化的關(guān)鍵是將讀者以前看到的信息與新的信息聯(lián)系起來(lái)。對(duì)象越熟悉越好。記住,大多數(shù)人不會(huì)在他們周圍的事物中尋找細(xì)節(jié)。不要指望大多數(shù)讀者會(huì)記住機(jī)械臂的樣子,然后再對(duì)其形成類比。一般來(lái)說(shuō),我們對(duì)大自然比對(duì)人造物體更熟悉。與我們的身體大小相當(dāng)?shù)臇|西比非常小或非常大的東西更為人所熟悉。

如何找到最好的視覺類比?

遵循以下 5 個(gè)原則:

  1. 對(duì)大多數(shù)人來(lái)說(shuō),它看起來(lái)很熟悉。
  2. 它有一個(gè)結(jié)構(gòu)。
  3. 它符合你的敘述結(jié)構(gòu)。
  4. 它是可見的(可以看到的東西)。
  5. 它是可視的(容易看到的東西)。

因此,一個(gè)好的視覺類比是一個(gè)非常熟悉的實(shí)物的圖像,它在結(jié)構(gòu)上與你的信息非常匹配。

什么樣的物體是人們所熟悉的? 在自然界和人造物體之間,自然界獲勝(至少目前是這樣)。

細(xì)節(jié)較少的物體更令人熟悉 —— 因?yàn)榇蠖鄶?shù)人不會(huì)去尋找細(xì)節(jié)。這意味著您應(yīng)該為讀者提供一種方式,讓他們看到您的信息設(shè)計(jì)中包含或不包含細(xì)節(jié)。在鳥瞰的情況下,以及近距離的情況下。

如果我們把事物的所有細(xì)節(jié)都去掉,我們就只剩下抽象的東西 —— 趨勢(shì)圖和曲線圖。它們沒(méi)有感情,也不值得記住。但這只是一個(gè)起點(diǎn)。也是快速實(shí)現(xiàn)信息可視化的實(shí)用方法。

因此,把所有的視覺信息看作是一個(gè)連續(xù)體,從詳細(xì)和熟悉的(樹木、星星、城市等)到抽象和簡(jiǎn)化的(趨勢(shì)圖和曲線圖)是有意義的。我們可以從相反的角度來(lái)看待這個(gè)連續(xù)體,因?yàn)閯?chuàng)建一個(gè)抽象的可視化圖表需要的工作量更少。但是值得記住的是,對(duì)于你的讀者來(lái)說(shuō),情況恰恰相反:他們?cè)谇楦猩弦缿偌?xì)節(jié); 他們?cè)谑煜さ氖挛镏姓业揭饬x; 他們更喜歡故事是可見的。大多數(shù)人都是這樣。但是大多數(shù)人是你的讀者嗎?

這就引出了一個(gè)百萬(wàn)美元的問(wèn)題:你們究竟是誰(shuí)的讀者?在這里,我假設(shè)今天的全球互聯(lián)網(wǎng)社區(qū),也就是 30 億人,都是你們的讀者。如果你創(chuàng)建了一個(gè)可視化圖表,難道你不希望它被大多數(shù)可能看到它的人理解嗎?大多數(shù)人不是統(tǒng)計(jì)學(xué)家,也不是藝術(shù)家 —— 他們像普通人類一樣看待這個(gè)世界,可能就像你一樣。

最后,我們知道我們正在將信息可視化。但是是什么樣的信息呢?這里有一個(gè)成熟的數(shù)據(jù)可視化領(lǐng)域—— 但是數(shù)據(jù)比信息少一些。有一個(gè)信息設(shè)計(jì)的領(lǐng)域 —— 我們就屬于這里。由于我努力向讀者展示信息之間的聯(lián)系,以及信息本身,不管是否為數(shù)字,我將這種方式稱為知識(shí)可視化。知識(shí)是你設(shè)法連接到你生活經(jīng)驗(yàn)的信息。一旦信息被獲得、理解、使用、消化或以其他方式體驗(yàn),就成為知識(shí)。

最終,最重要的是與心智畫面(mental image)的強(qiáng)烈聯(lián)系。這種聯(lián)系解釋了你正在可視化的信息,而不需要你告訴它 —— 你在可視化中沒(méi)有空間去這樣做。

備注

  1. 美國(guó)國(guó)家生物技術(shù)中心《視覺思維在自閉癥患者的頭腦中國(guó)是如何運(yùn)作的?個(gè)人的敘述》
  2. 《距離百科全書》作者:Michel Marie Deza,Elena Deza

視覺思維對(duì)我們?cè)S多人來(lái)說(shuō)很直觀,但視覺設(shè)計(jì)需要一些技巧。這就是為什么我和我的聯(lián)合創(chuàng)始人用我們的信息圖表工具 Adioma 進(jìn)行自動(dòng)化設(shè)計(jì)。


歡迎關(guān)注作者的微信公眾號(hào):「龍爪槐守望者」

如何做好視覺可視化設(shè)計(jì)?我總結(jié)了這72種圖表類型

收藏 437
點(diǎn)贊 70

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。