資訊圖表是什麼?

資訊圖表範例、設計心法與製作大全

資訊圖表能把複雜大量的資訊整理成井然有序、易懂好吸收的視覺化圖表,這在手機發達、資訊爆炸的數位化時代,是最重要的資訊傳達與呈現方式之一。

透過資訊圖表,許多難以理解的數據、資料、流程都能變得一目瞭然。

大多數人看到會想快速略過的長篇文字內容、艱澀理論、研究資料,透過資訊圖表的呈現也能輕輕鬆鬆理解。

資訊圖表是什麼?

資訊圖表 (Infographic) 是用來幫助人們快速認識複雜資訊的一系列圖片、表格、精簡文字所組成的圖表。

資訊圖表的英文 “Infographic” 與中文相同,是由「資訊」 information +「圖表」graphic 所構成的複合字。

茶顏觀色資訊圖表

為什麼要使用資訊圖表?

在資訊暴增的時代,人們之間的資訊落差往往不是因為資訊不足,反而是過多龐大繁雜的資訊使人眼花撩亂、無所適從。

能在眾多資料間高效率的獲取有價值的知識,就能掌握更多知識的力量。

對人類來說,外界的刺激與印象,透過「視覺」接收是效率最高的方式之一;視覺化可以有效提高資訊的吸引力和理解資料的效率:

  • 說明書附上插圖,能讓使用者提高 323% 的完成度
  • 藥品標籤的研究顯示,比起純文字,說明附圖片的解說能讓病人的接受度高出 25%
  • 沃頓商學院 (Wharton) 研究也顯示:推銷時加上圖片與影像,消費者被說服的機率提高 17%

資訊圖表就是能有效透過「資料視覺化」來達成各種目的的強大利器,它能:

  • 將複雜的概念簡單呈現
  • 總結冗長的大篇文章以及成果報告
  • 讓客戶一眼可以了解不同產品之間的差異
  • 幫助推銷商品與傳達訊息給消費者

可以說是非常有價值的溝通方式。

資訊圖表的使用時機與設計概念

商用行銷

透過工具圖示與恰當的比例呈現,讓人看一眼就能理解「每三組手工具就有一組是台灣製」,更能加深消費者和潛在客戶印象。

台灣手工具介紹

介紹資訊

由上而下分別標示的 gif 動畫圖,清楚的呈現出台灣經典小吃「棺材板」的內容物組成,搭配英文註解,就算是不同文化的外國人也能輕鬆看懂。

台灣小吃 - 棺材板

公司行號與企業

各種形式的磁鐵其實都藏在日常生活用品之中,但如此複雜的工業製品與特性,如果光靠文字或口頭介紹,就算是商用級的客戶恐怕也很難一次搞明白。

磁鐵特性資訊圖表

政府機構

用地圖路線般的指示呈現,宛如用筆畫出迷宮的出路,把令市井小民頭痛萬分的報稅流程有效簡化。

首報族報稅指南

教育單位

按實物比例精心繪製的建築剖析資訊圖表,清楚明瞭的展示教育機構新建案的用途和特色。

政大公企中心

設計資訊圖表的重點心法

專精資訊視覺化的 Re-lab 團隊認為,資訊圖表的設計有五個重點法則:

  1. 掌握記憶點
  2. 資訊層次
  3. 掌握視覺動線
  4. 良好的顏色運用
  5. 互動性

掌握記憶點

重點之所以叫做「重點」,就是因為它是各項要點之中「最重要」的。如果超過三個,其實就等於沒重點,也很難讓讀者記住你想傳達的事項。

除了讓人讀完,還要讓讀者留下深刻印象,才能算是成功的資訊圖表。

資訊層次

製作資訊圖表如果只是一味的簡化資訊,雖然呈現和設計的難度降低不少,但很可能會忽略資訊的完整性而造成偏見和誤判。

好的資訊圖表設計不是單純的簡化資訊,而是經過整理、善用排序、掌握資訊結構之後,搭配運用圖像設計來呈現,發揮資訊本身的特性「用圖片說故事」。

史諾登事件

視覺動線

根據心理學,人們的視覺有非常強烈的潛在慣性,分別為:

  • 封閉性
  • 相似性
  • 鄰近性
  • 連續性
完形心理學 - 封閉性
完形心理學 - 相似性
完形心理學 - 鄰近性
完形心理學 - 連續性

顏色運用

色彩是吸引視覺的一大元素,像是知名的蒂芬尼藍 (Tiffany Blue) 就是蒂芬尼公司所專屬註冊的顏色商標,更顯得色彩是如此的至關重要。

強烈對比的顏色區分可以讓讀者分辨要表達的重點;用不同顏色在物件上適當的標出外框與指引線,也能引導讀者理解設計者要呈現的方向或趨勢;搭配不同的色彩也可以帶來視覺上不同的感受。

像是史高維爾辣度表,就以鮮明火辣的紅色為主軸:
史高維爾辣度表

互動性

資訊圖表在整理資料與視覺化呈現之餘,也可以和讀者說故事,例如搭配文案和讀者對話、用問句向讀者問問題,更可以透過提供資訊的過程引發讀者自行思考

良好的互動範例可以參考:
然後,錢包就死了(它是怎麼死的?)——透過網頁互動式的設計,讓讀者反思自己的錢都花到了哪去

如何製作?資訊圖表的製作要點

有不少線上製圖商提供使用者製作免費的資訊圖表,例如:CanvaInfogram,都可以在不花錢的情況之下製作出精美的資訊圖表,如果預算充裕,還可以加價購買額外的設計版型、圖片素材等:

資訊圖表工具

版型的設計只是資訊圖表的一部份,不同於懶人包通常有快速、即時的溝通目的,資訊圖表因為涵蓋的資訊量非常大,在篩選與排列上也更加複雜,所以更需要花費功夫在整理資料上。

但無論何種媒介,資訊設計的重點在於溝通,而溝通一定有其目的。先釐清自己的目的,就能避免迷失於茫茫資料海中。

以下是 Re-lab 多年來經手大小專案後,歸納精煉出超實用的六種目的,以及相關的資訊圖表作品案例:

資訊圖表製作要點

說明事物脈絡

三分鐘認識Chinese Taipei:https://url.relab.cc/bHcP9

說服參與行動

讀冊二手書好好賣流程圖:https://url.relab.cc/4wiY4

呈現數據報告

慌野災難資訊圖表:https://url.relab.cc/uX1Cb

台灣溫室氣體排放清冊:https://url.relab.cc/PcAtL

強調產品優勢

《食我餐飲顧問》餐飲行銷指南:https://url.relab.cc/1GwXm

教學方法指南

人類vs.機器人資訊圖表:https://url.relab.cc/HmU2b

動動小人實驗室:https://url.relab.cc/2Ckrn

啟發思考改變

丹麥女孩莉莉艾爾伯:https://url.relab.cc/SZEiq

全島逃走中:https://url.relab.cc/L9nhL

資訊圖表的類型

資訊圖表依照每個設計者的偏好,可以說有無數種組合。但常見實用的資訊圖表組成大致可以區分為以下幾種項目:

趨勢圖表:折線圖、散布圖、瀑布圖、面積圖、K線圖

比較圖表:長條圖、泡泡圖、文字雲、平行座標圖、玫瑰圖

組成圖表:圓餅圖、雷達圖、矩陣式樹狀圖、熱流圖、人口金字塔

關係圖表:樹狀圖、文氏圖、時間軸、流程圖、網路圖

以下是各種圖表組成的實際範例—

實用圖表一覽

結論

資訊圖表是將許多有用資訊透過視覺化轉成易懂圖表的高價值工具,經過精心設計且獨特的資訊圖表往往可以帶來非常理想的效果,不管是傳遞知識、內容行銷、商業、教育等領域都可以發揮極大的用處。

在設計資訊圖表時,除了善用視覺圖片之外,妥善發揮資訊本身的價值也是至關重要的事情。如果你也想幫助讀者節省寶貴的注意力、學習更多如何做出以上精美資訊圖表的知識、並且強而有力的將訊息高效率的傳遞給他人,歡迎參考 Re-lab 團隊總結五年製作心血的設計書:「人人都能上手的資訊圖表設計術


【資訊解構 x 視覺化設計|即學即用的圖像資訊表達課】
集結 RE:LAB 十年資訊設計經驗的最新力作!
課程詳細介紹:http://go.sat.cool/43gakh
募資期間:2022/04/07~2022/05/12
🎉 越早購買能夠享有用多課程折扣優惠 🎉