即學即用的圖像資訊表達課
後設資料
- 來源類型：知識衛星線上課程頁 + 4 份課程 PDF 講義 bundle
- URL：https://sat.cool/course/32
- 課程名稱：資訊解構 x 視覺化設計 ｜ 即學即用的圖像資訊表達課
- 講師 / 單位：RE-LAB
- 開課時間：2022-07-15 17:00
- 課程頁 metadata：預計 14 小時 33 分、49 單元、觀看期限無限制、課程學員 5100 人（2026-05-07 查詢）
- 匯出 / 取得日：2026-05-07
- 語言：繁體中文
一句話濃縮
這門課把 資訊設計 拆成「先用 資訊架構 解構問題、資料與受眾，再用 圖表設計 / 圖表類型選擇 / 資訊層級 / 格式塔原則 把資訊轉成可被注意、理解、記住並採取行動的視覺表達」。
提取要點
1. 資訊設計不是裝飾，而是吸收與傳達問題
- 課程把資訊設計定位為：用設計思維與方法，從人的角度處理「資訊如何被吸收、理解與傳達」。
- 資訊流程可分成三個結果：吸引注意、降低理解門檻、創造記憶或行動動力。
- 設計師同時需要分析與設計兩種心智：前者用客觀事實拆問題，後者用同理心與情境感抓住觀眾注意力。
- 溝通策略要看受眾的主動 / 被動狀態、接觸時間長短與人數多寡；同一份資訊在短接觸、大眾受眾與長接觸、小眾客製化場景中會有不同形式。
2. KQ 是資訊架構的起點
- C0&1 與 C2 都把 KQ（關鍵問題）放在前段：先界定要回答什麼問題，再決定資料邊界、關鍵因素、評估方法與行動方案。
- C2 用 DIKW 分層說明資訊工作任務：
- 資料層：找資料與資料的關係，偏向資料視覺化。
- 資訊層：找問題與答案的關係，偏向資訊圖像化。
- 知識層：找問題與問題的關係，偏向知識圖解化。
- 智慧層：找人與問題的關係，偏向情境化與共鳴。
- 資料收集與脈絡梳理都不是「多讀一點」而已，而是先清楚定義 KQ，再從專有名詞、資料來源引用與專家線索回溯資料品質。
3. 圖表類型選擇要先判斷關係，再選圖
- C3 以圖表類型為主軸，補齊既有 圖表設計 尚未展開的圖型選擇樹：圓餅圖、泡泡圖、散佈圖、長條圖、直方圖、矩形樹狀圖、折線圖、堆疊區域圖、桑基圖、統計地圖、雷達圖、文字雲。
- 解讀圖表要問三件事：圖表呈現什麼、資料從哪裡來、背後原因與脈絡是什麼。
- 製作圖表則要先判斷要呈現的是比例、比較、分布、趨勢、流量、空間或文字頻率；圖型選錯會讓觀眾被迫自行換算。
- 常見錯誤集中在感知誤導：3D / 變形圓餅圖、非零基線、雙 Y 軸、分類太多、色階不足、面積比例不易判讀、未對母體規模標準化。
4. 眼睛的語言是視覺秩序測試
- C4 把圖像化思考拆成「從繁雜到簡單」與「從抽象到具象」：先清除雜訊、分出重要程度，再用圖像、比喻與素材讓資訊被直覺吸收。
- 圖表與圖解的分工不同：圖表重在精準呈現資料 / 數據，圖解重在把文字或概念轉成可理解的視覺入口。
- 色彩規劃不是純偏好，而是邏輯、感受、辨識三者的取捨：資料類別要能被快速分辨，品牌 / 情境要能喚起感受，並以相似色或對比色決定和諧或強烈。
- 視覺動線與資訊層級需要測試：讓讀者快速閱覽後說出看到什麼、理解什麼，才能檢查畫面的閱讀順序是否等於設計者想傳達的順序。
主文
課程結構
| 章節 | 主題 | 本次 ingest 定位 |
|---|---|---|
| C0&1 | 資訊設計概述 | 建立 資訊設計 umbrella：目標、流程、溝通策略、KQ、測試與迭代 |
| C2 | 資訊架構解構與建構 | 新建 資訊架構：KQ / KF、DIKW、分析力、整理力、說服力、影響力、資料收集與脈絡梳理 |
| C3 | 資料視覺化的圖表選擇與工具教學 | 新建 圖表類型選擇，從 圖表設計 拆出圖型選擇與常見錯誤 |
| C4 | 眼睛的語言與設計原則 | 補強 資訊層級 / 格式塔原則 / 色彩心理學 / 排版 的視覺動線與測試視角 |
與既有 vault 圖譜的關係
本來源把 vault 既有的視覺設計頁往「資訊設計」方向收斂：
- MOC-視覺設計 原本已有字型、色彩、圖表、無障礙、形態佈局與設計系統；本來源補上「資訊如何被解構成可視覺化內容」的上游。
- 圖表設計 原本有 Apple / Google 介面圖表與簡報圖表兩條軸；C3 讓 圖表類型選擇 達到拆頁門檻。
- RE-LAB 原本在 vault 中以 SEO + 資訊圖表內容生產被收錄；本來源改由 RE:LAB 自身的課程呈現資訊設計方法論，補上公司核心能力的正面來源。
- 資訊架構 與 架構性思考 都重視 KQ，但分工不同：前者服務資訊設計與視覺溝通，後者服務公共議題的資料蒐集、觀點形成與溝通表達。
附件清單
文件
| 檔案 | 頁數 | 描述 |
|---|---|---|
2026-05-07-即學即用的圖像資訊表達課/C01-資訊設計概述.pdf | 10 | 資訊設計定義、資訊流程、注意力場景、溝通策略象限、KQ、設計流程與檢討。 |
2026-05-07-即學即用的圖像資訊表達課/C2-資訊架構解構與建構.pdf | 21 | DIKW × KQ、分析 / 整理 / 說服 / 影響模板、資料收集難題與資訊脈絡梳理。 |
| 2026-05-07-即學即用的圖像資訊表達課/C3-資料視覺化的圖表選擇與工具教學.pdf | 21 | 圖表解讀與製作思考、常見圖型選擇、錯誤類型、Google Sheets / Flourish / Data Studio 等工具。 |
| 2026-05-07-即學即用的圖像資訊表達課/C4-眼睛的語言與設計原則.pdf | 19 | 圖像化思考、模板使用、視覺動線、色彩規劃、資訊層級測試與記憶強化。 |
圖片
無獨立圖片附件；PDF 內的視覺示意保留在各 PDF 中，本來源頁以文字索引描述。
| 圖檔 | 出現章節 | 視覺內容 |
|---|---|---|
| 無 |
提取概念
連結到此來源衍生 / 更新的 wiki 頁：
- 資訊設計 — 新建：課程 umbrella；把資訊設計定義為吸引、理解、記憶 / 行動的資訊傳達設計。
- 資訊架構 — 新建：KQ / DIKW / 分類 / 分鏡 / 影響模板，作為資訊設計上游。
- 圖表類型選擇 — 新建：由 圖表設計 拆出；整理常見圖型選型、限制與反模式。
- 圖表設計 — 更新：補入圖型選擇樹與 C3 作為第三份圖表設計來源。
- 資訊層級 / 格式塔原則 / 色彩心理學 / 排版 — 更新：補入 C4 的視覺動線、層級測試、色彩邏輯與文字易讀性。
- RE-LAB / MOC-視覺設計 / MOC-UX — 更新：補入 RE:LAB 課程作為資訊設計與資料視覺化主來源。
Ingest 筆記
2026-05-07
- 建頁策略：此來源不是一般文章，而是 14 小時級課程 + 4 份講義，密度足以建 資訊設計 / 資訊架構 / 圖表類型選擇 三頁。沒有把每個模板、每種圖型或每個工具拆成獨立頁，避免建立薄頁。
- 觀察清單同步：圖表設計 → 圖表類型選擇 原本列為拆頁候選；本次 C3 是第三份圖表設計 / 資料視覺化主題來源，已建立 圖表類型選擇 並在觀察清單保留剩餘候選（牌卡式圖表 / 簡報圖表動畫）。
- 來源 caveat：PDF 由課程講義匯出，部分頁面是視覺示意、附件連結或表格截圖；本來源頁採結構化摘要，不逐字重製 PDF。
- 未來累積方向：若之後 ingest RE:LAB 案例作品或國際資訊設計來源，可評估 MOC-資訊設計；目前先由 MOC-視覺設計 承載，避免 MOC 過早分裂。
原文（可選）
原始課程頁與 4 份 PDF 已保存於本 bundle；本段不貼全文，避免把 PDF 內容重複塞入來源頁。