資訊圖表範例、設計心法與製作大全
資訊圖表能把複雜大量的資訊整理成井然有序、易懂好吸收的視覺化圖表，這在手機發達、資訊爆炸的數位化時代，是最重要的資訊傳達與呈現方式之一。
透過資訊圖表，許多難以理解的數據、資料、流程都能變得一目瞭然。
大多數人看到會想快速略過的長篇文字內容、艱澀理論、研究資料，透過資訊圖表的呈現也能輕輕鬆鬆理解。
資訊圖表是什麼？
資訊圖表 (Infographic) 是用來幫助人們快速認識複雜資訊的一系列圖片、表格、精簡文字所組成的圖表。
資訊圖表的英文 “Infographic” 與中文相同，是由「資訊」 information ＋「圖表」graphic 所構成的複合字。
為什麼要使用資訊圖表？
在資訊暴增的時代，人們之間的資訊落差往往不是因為資訊不足，反而是過多龐大繁雜的資訊使人眼花撩亂、無所適從。
能在眾多資料間高效率的獲取有價值的知識，就能掌握更多知識的力量。
對人類來說，外界的刺激與印象，透過「視覺」接收是效率最高的方式之一；視覺化可以有效提高資訊的吸引力和理解資料的效率：
- 說明書附上插圖，能讓使用者提高 323% 的完成度
- 藥品標籤的研究顯示，比起純文字，說明附圖片的解說能讓病人的接受度高出 25%
- 沃頓商學院 (Wharton) 研究也顯示：推銷時加上圖片與影像，消費者被說服的機率提高 17%
資訊圖表就是能有效透過「資料視覺化」來達成各種目的的強大利器，它能：
- 將複雜的概念簡單呈現
- 總結冗長的大篇文章以及成果報告
- 讓客戶一眼可以了解不同產品之間的差異
- 幫助推銷商品與傳達訊息給消費者
可以說是非常有價值的溝通方式。
資訊圖表的使用時機與設計概念
商用行銷
透過工具圖示與恰當的比例呈現，讓人看一眼就能理解「每三組手工具就有一組是台灣製」，更能加深消費者和潛在客戶印象。
介紹資訊
由上而下分別標示的 gif 動畫圖，清楚的呈現出台灣經典小吃「棺材板」的內容物組成，搭配英文註解，就算是不同文化的外國人也能輕鬆看懂。
公司行號與企業
各種形式的磁鐵其實都藏在日常生活用品之中，但如此複雜的工業製品與特性，如果光靠文字或口頭介紹，就算是商用級的客戶恐怕也很難一次搞明白。
政府機構
用地圖路線般的指示呈現，宛如用筆畫出迷宮的出路，把令市井小民頭痛萬分的報稅流程有效簡化。
教育單位
按實物比例精心繪製的建築剖析資訊圖表，清楚明瞭的展示教育機構新建案的用途和特色。
設計資訊圖表的重點心法
專精資訊視覺化的 Re-lab 團隊認為，資訊圖表的設計有五個重點法則：
- 掌握記憶點
- 資訊層次
- 掌握視覺動線
- 良好的顏色運用
- 互動性
掌握記憶點
重點之所以叫做「重點」，就是因為它是各項要點之中「最重要」的。如果超過三個，其實就等於沒重點，也很難讓讀者記住你想傳達的事項。
除了讓人讀完，還要讓讀者留下深刻印象，才能算是成功的資訊圖表。
資訊層次
製作資訊圖表如果只是一味的簡化資訊，雖然呈現和設計的難度降低不少，但很可能會忽略資訊的完整性而造成偏見和誤判。
好的資訊圖表設計不是單純的簡化資訊，而是經過整理、善用排序、掌握資訊結構之後，搭配運用圖像設計來呈現，發揮資訊本身的特性「用圖片說故事」。
視覺動線
根據心理學，人們的視覺有非常強烈的潛在慣性，分別為：
- 封閉性
- 相似性
- 鄰近性
- 連續性
顏色運用
色彩是吸引視覺的一大元素，像是知名的蒂芬尼藍 (Tiffany Blue) 就是蒂芬尼公司所專屬註冊的顏色商標，更顯得色彩是如此的至關重要。
強烈對比的顏色區分可以讓讀者分辨要表達的重點；用不同顏色在物件上適當的標出外框與指引線，也能引導讀者理解設計者要呈現的方向或趨勢；搭配不同的色彩也可以帶來視覺上不同的感受。
像是史高維爾辣度表，就以鮮明火辣的紅色為主軸：
互動性
資訊圖表在整理資料與視覺化呈現之餘，也可以和讀者說故事，例如搭配文案和讀者對話、用問句向讀者問問題，更可以透過提供資訊的過程引發讀者自行思考
良好的互動範例可以參考：
然後，錢包就死了（它是怎麼死的？）——透過網頁互動式的設計，讓讀者反思自己的錢都花到了哪去
如何製作？資訊圖表的製作要點
有不少線上製圖商提供使用者製作免費的資訊圖表，例如：Canva、Infogram，都可以在不花錢的情況之下製作出精美的資訊圖表，如果預算充裕，還可以加價購買額外的設計版型、圖片素材等：
版型的設計只是資訊圖表的一部份，不同於懶人包通常有快速、即時的溝通目的，資訊圖表因為涵蓋的資訊量非常大，在篩選與排列上也更加複雜，所以更需要花費功夫在整理資料上。
但無論何種媒介，資訊設計的重點在於溝通，而溝通一定有其目的。先釐清自己的目的，就能避免迷失於茫茫資料海中。
以下是 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
資訊圖表的類型
資訊圖表依照每個設計者的偏好，可以說有無數種組合。但常見實用的資訊圖表組成大致可以區分為以下幾種項目：
趨勢圖表：折線圖、散布圖、瀑布圖、面積圖、Ｋ線圖
比較圖表：長條圖、泡泡圖、文字雲、平行座標圖、玫瑰圖
組成圖表：圓餅圖、雷達圖、矩陣式樹狀圖、熱流圖、人口金字塔
關係圖表：樹狀圖、文氏圖、時間軸、流程圖、網路圖
以下是各種圖表組成的實際範例—
結論
資訊圖表是將許多有用資訊透過視覺化轉成易懂圖表的高價值工具，經過精心設計且獨特的資訊圖表往往可以帶來非常理想的效果，不管是傳遞知識、內容行銷、商業、教育等領域都可以發揮極大的用處。
在設計資訊圖表時，除了善用視覺圖片之外，妥善發揮資訊本身的價值也是至關重要的事情。如果你也想幫助讀者節省寶貴的注意力、學習更多如何做出以上精美資訊圖表的知識、並且強而有力的將訊息高效率的傳遞給他人，歡迎參考 Re-lab 團隊總結五年製作心血的設計書：「人人都能上手的資訊圖表設計術」
【資訊解構 x 視覺化設計｜即學即用的圖像資訊表達課】
集結 RE:LAB 十年資訊設計經驗的最新力作！
課程詳細介紹：http://go.sat.cool/43gakh
募資期間：2022/04/07~2022/05/12
🎉 越早購買能夠享有用多課程折扣優惠 🎉