1. 程式人生 > >視覺化學習筆記8:一般設計技巧

視覺化學習筆記8:一般設計技巧

設計技巧

我能給出的最好建議是在製作視覺化圖表時,第一次嘗試不要過於投入。通常,你需要進行多次設計以強調要表達的意思。例如,我將逐步講解我是如何設計你之前看到的失業率圖表的。

我想知道失業率隨著時間推移如何變化,所以我從公共 OECD 資料網站上獲取了一些資料。這些資料包含經濟合作與發展組織 (OECD) 國家/地區的失業率(民用勞動力的百分比)。我第一次嘗試時建立了一組直方圖來顯示每年的失業率分佈情況。

第一次嘗試!

可以看出在 2003 年和 2007 年之間有兩次峰值。在 2008 年失業率非常低,然後在蕭條時期上升了。雖然我喜歡小多組圖組(我真的喜歡),但是我發現很難按照不同年份對比直方圖。我還需要將這些資料壓縮到一個圖表中。

要解決這些問題,我覺得我可以用點表示直方圖(點大小表示直方圖直條裡的國家/地區數量)。然後,我可以沿著 x 軸繪出每年,沿著 y 軸繪出每個直方圖,數量用標記大小表示。

用點表示的失業率(第二次嘗試)。

看起來好多了!可以看出失業率隨著時間推移的變化分佈圖。有兩個下降峰值,然後有一個急劇上升。但是 x 軸上的標籤都擠到一起了,所以需要重新調整。

我想到,如果新增一些顏色來表示直條數量(冗餘編碼!),我可以突出顯示失業率在不同年份的變化情況。

最終版本!變化的峰值用顏色和點大小進行強調。

你還可以與朋友或同事分享你的視覺化圖表,確保他人能夠理解中心意思。現代設計的一個原則是不斷對產品進行使用者測試。這種方法也非常適合設計視覺化圖表。

講述正確的故事

正如在這節課中學到的那樣,我們可以採用各種不同的技巧用視覺元素表示資料。即使是同一資料,不同的表示方法也會講述不同的故事。 這篇文章很好地講解了通過如何強調不同的視覺元素來改變故事。