萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> 平面設計理論

一幅爆款信息圖誕生記:諾貝爾獎百年數據可視化的前世今生

一、數據分析:從原始數據到視覺通道映射

分析諾貝爾獎原始數據後,決定以時間軸為導向,分別展示各年份:
1) 該年各獎項獲獎比例
2) 該年各國各獎項獲獎比例
3) 該年各國按獲獎年齡分布的獲獎人

獲獎人屬性含:照片、姓名、英文名、性別、獲獎年齡、國家、獎項類別(粗體為主要展示屬性)。
視覺通道分配:
• 獲獎年齡 → 位置(半徑)
• 國家 → 位置(角度)
• 獎項類別 → 顏色
• 其他資訊 → 邊欄

二、視覺結構設計:從散點圖到環形徑向佈局

依據三通道(位置、位置、顏色),散點圖結構最直觀。但國家超 40 個,橫向/縱向散點圖超出邊界,故將散點圖折疊為圓形:半徑表年齡、角度表國家、顏色表獎項,再疊加時間軸構成基本數據圖。
問題: 圓形散點圖越近圓心等分面積越小,受限嚴重、可讀性差、視效不佳。
解決: 向外拉伸為環形散點圖,顯著改善可讀性與視覺效果。

三、三方權衡:視覺設計、交互設計、用戶體驗

環形數據圖提升視覺與可讀性,但時間軸置最內層操作極不便(需精確點選 1900-2013 年)。嘗試 6 種方案拓撲,各有優劣,難達完美平衡。最終鎖定方案一與五,加入「各國各獎項獲獎比例」模組繼續推演,確定最終方案為方案二。

四、環形文字可讀性破解

環形排列文字會有反轉區,可讀性低。初採左右反轉,後改用「X 軸四分法」:
• 上下象限 → 直排文字(遵循從上到下)
• 左右象限 → 橫排文字(遵循從左到右)
極適合中文字體(方形字元細節構圖佳);英文字體長方形直排顯扁,不適用。

五、真實數據的「缺陷」處理藝術

諾貝爾數據在 1900 年及 1940-1942 年(二戰)有空缺。時間切換時右側人物列表會兩次空白。
平衡策略: 用插畫風格填補,與左側環形圖呼應。
• 1900 年:諾貝爾頭像 + 文字標題替代空白。
• 二戰期:坦克插畫 + 文字標題替代空白。
• 少面積藍色填充達到畫面色彩平衡。

六、整體與局部雙重敘事

全程展示單年份,缺整體呈現。故在起始加入「整體概況分布圖」,呈現百年獲獎宏觀分佈。

七、工具鏈

  • Processing: 動態生成環形散點圖。變量設置合理時,調節變量即可快速改變數據圖樣式。
  • Illustrator: 設計 UI 界面、插畫、靜態數據圖等靜態視覺元素。
copyright © 萬盛學電腦網 all rights reserved