文字、圖片和科學資訊的視覺展示:迴歸資訊設計的基礎

加入我們的科學愛好者社群!

本文發表於《大眾科學》的前部落格網路,反映作者的觀點,不一定代表《大眾科學》的觀點


資料視覺化。資訊圖表。哦,更好的是,讓它成為互動式資訊圖表。最近圍繞資訊視覺展示的熱潮似乎讓每個人都應該趕緊製作一些色彩鮮豔的面積圖氣泡圖詞雲。我們從未擁有過如此強大的工具大量的原始資料可供使用,科學家和記者都在充分利用這一機會。從失業率空中交通模式,再到國家財富和健康狀況,以及血液檢測結果,資訊從未如此有趣地呈現出來。

但在我們過於沉迷於旋轉的地球儀和動畫圖表之前,值得回到基礎——注意一些用於視覺呈現資料的簡單方法。這種努力與科學和健康尤其相關,視覺資訊出現在從科學研究論文中的圖表到公共健康宣傳的任何地方。資訊設計領域很廣,但我將重點介紹幾種簡單的方法來處理文字和圖片的組合。許多例子直接來自愛德華·塔夫特(Edward Tufte),這位資訊設計大師可以說將資訊圖表的嚴肅研究提上了議程(《紐約時報》稱他為資料領域的達芬奇)。自1983年他的第一本書《定量資訊的視覺呈現》出版以來,塔夫特一次又一次地證明了,正確的方法進行視覺呈現可以顯著提高資料的清晰度和有效性。事實上,許多優秀的資訊設計的經典原則都可以在科學史中找到。

將文字融入圖片


關於支援科學新聞報道

如果您喜歡這篇文章,請考慮透過以下方式支援我們屢獲殊榮的新聞報道 訂閱。透過購買訂閱,您正在幫助確保未來能夠看到關於當今世界中塑造我們的發現和想法的具有影響力的故事。


如果我給你一張解剖圖,讓你標記不同的身體部位,你會怎麼做?你可能會開始畫線指向肝臟、心臟等,或許將每條線與一個字母匹配,並在下面列出所有不同的名稱。你很可能會得到類似這樣的東西(這是一隻鴿子)

[左 - 鴿子的內臟,《動物學:一本初級教科書》,1901年。圖片來源:維基共享資源 - 點選連結檢視大圖]

 

 

然而,你也可以將標籤整合到影像本身中。《格氏解剖學》中的這些精美插圖將標籤直接嵌入到肌肉和骨骼中,而不是依賴於指示線和字母程式碼。

[右 - 咽和頰的肌肉,《格氏解剖學》,1918年。圖片來源:維基共享資源 - 點選連結檢視大圖]

當然,當空間有限時,線條可能很有用,但它們也可能使解剖圖看起來更像這個不幸的傢伙(傷員,出自塔夫特的書《視覺解釋》中的一個例子)。

[左 - 傷員,漢斯·馮·格斯多夫,1517年。圖片來源:維基共享資源 - 點選連結檢視大圖]

在其他情況下,符號可以成為資訊的來源(而不是對圖例或詞彙表的引用)。在約翰·拜耳的《天體測量學》中的這張獵戶座星座圖中,星星的大小各不相同,表示亮度級別。它們還與按亮度排列的希臘字母配對,這是星圖中常見的慣例。

[右 - 獵戶座,《天體測量學》,1661年。圖片來源:維基共享資源 - 點選連結檢視大圖]

在這兩種情況下,資訊(名稱或亮度級別)都位於我們需要它的確切位置。文字、圖片和符號以最有效地傳達知識的方式組合在一起。隨著資料視覺化和資訊圖表越來越受歡迎,文字和影像之間的任意分割將開始消失。

將圖片融入文字

如果我們能將標籤嵌入肌肉或將字母嵌入地圖,反之亦然。奧利弗·伯恩的歐幾里得《幾何原本》的視覺呈現透過巧妙地將圖片嵌入文字中,精美地解釋了數學證明和定理。

[左 - 命題47,或勾股定理,伯恩的歐幾里得,1847年。圖片來源:維基共享資源 - 點選連結檢視大圖]

一個典型的幾何證明會用字母(角ABC,線CB)表示角度和線,迫使讀者在文字和圖表之間來回跳轉。伯恩消除了字母編碼和眼睛的來回跳動,並在文字中用原色和簡單形狀向我們展示了角度。我們可以輕鬆區分紅色、黃色、藍色和黑色的高對比度顏色,並且輕鬆閱讀間距寬鬆的文字和字母。

伽利略也以直接、直觀的方式成功地結合了文字和圖片。在他的第一次土星觀測中,他在句子的中間擠入了行星的小圖畫。圖片和字母,都只是一系列的線條,可以互換使用。

最後,我們從塔夫特那裡選取一個例子——迷你圖。一個用來追蹤隨時間變化的詞語大小的影像,迷你圖是一個濃縮的圖形資料,直接嵌入到句子或圖表中,很像伽利略的迷你土星。迷你圖可以呈現年平均溫度、最後20次血糖讀數或歐元匯率的每日變化。透過將圖形填充資料,我們可以輕鬆掌握和比較數千個單獨資料測量的趨勢和變化。

將文字視為圖片

將字母視為影像的處理方式並不新鮮;這正是排版的全部意義所在。在之前的《格氏解剖學》插圖中,字型的細微變化告訴我們哪種組織是肌肉、肌腱等等。字母形式的圖形元素可以對資訊顯示產生巨大影響——尤其是在每小時65英里的速度下。Clearview 是一種專門為高速公路標誌設計的字型,在這種情況下,可讀性不僅僅是一種審美偏好,而且具有嚴重的公共健康後果。

[右 - 兩個道路標誌的比較,左側為 Highway Gothic,右側為 Clearview,2007年。圖片來源:維基共享資源 - 點選連結檢視大圖]

以前的道路標誌字型 Highway Gothic 由於字形內部的封閉空間(字母“O”或“P”的內部)非常小,因此難以閱讀。Clearview 具有更大的封閉空間、更高的小寫字母和更好的字母間距,因此更容易從遠處和夜間閱讀。

[左 - Clearview 字母形式。圖片來源:維基共享資源 - 點選連結檢視大圖]

Clearview 提高了駕駛員的閱讀準確性、反應時間和識別距離——所有這些都透過對設計的少量調整來實現。在這種情況下,適當的字型對於公共健康和安全至關重要。

字型也可能妨礙有效的溝通,正如這份衛生局局長的警告清楚地表明的那樣(實際上,它根本沒有清楚地顯示任何內容)。全部大寫、細線粗細、緊湊的字母和粗黑邊框的組合使文字幾乎無法辨認。對於旨在傳達生死攸關資訊的健康警告來說,這是一個非常糟糕的排版示例。

現在,去製作一些吧!

從解剖標籤到幾何證明,清晰有效的資料顯示形式各異。有些可能看起來很花哨,但都依賴於文字和圖片的組合——優秀資訊設計的基石。之前的地圖、圖畫、手稿、標籤和標誌只是來自科學和健康領域的一些例子,但我認為它們證明了好的設計也可以很簡單。還有許多其他的原則需要討論(例如消除不必要的干擾和圖表垃圾,或使用視覺化來探索和發現新的模式),這可能就是塔夫特為什麼為此寫了四本書的原因。但我希望這些例子對您在思考視覺資訊時有所幫助,並建立一些您自己的作品。

關於作者:莉娜·格羅格是紐約大學科學、健康和環境報道專業的碩士研究生。在搬到紐約之前,她曾在布朗大學健康教育中心擔任平面設計師,在此之前,她學習過哲學(這是科學記者的明顯選擇)。您可以檢視她的網站,在Twitter上關注她,並在Scienceline上找到更多她的文章。

 

此處表達的觀點是作者的觀點,不一定代表《大眾科學》的觀點。

 

Lena Groeger is a graduate student in New York University's Science Health and Environmental Reporting Program. Before moving to New York she worked as a graphic designer for Brown University Health Education, and before that studied philosophy (the obvious choice for a science journalist). You can check out her Web site, follow her on Twitter, and find more of her writing on Scienceline.

More by Lena Groeger
© .