60 分鐘打造質感簡報:透過資訊圖表加深簡報說服力

後設資料

  • URL:https://youtu.be/sgIYHsfTzsw
  • 來源類型:YouTube 直播 / 課程逐字稿(使用者貼入全文)
  • 講師 / 單位:鐵貓設計系列課程;逐字稿末段提及講師 IG「大新先生」
  • 發表日:unknown(本次未從 YouTube 頁面取得可核實 metadata)
  • 語言:繁體中文口語逐字稿
  • 主題:PowerPoint / 簡報中的資訊圖表設計;涵蓋圓環圖、長條圖、折線圖、牌卡式圖表與圖表動畫

一句話濃縮

這堂課把簡報圖表設計拆成「先降噪、再放大重點、再用版面切出閱讀順序、最後用動畫配合講述節奏」的實作流程,並用圓環圖、長條圖、折線圖三種常見圖表說明何時選用、如何配色、如何處理格線 / 標籤 / 端點,以及如何用牌卡式排版讓觀眾分區閱讀。

提取要點

1. 好圖表的核心不是漂亮,而是看得見

  • 好的數據圖表有兩個條件:
    1. 一眼就找到想看的資訊
    2. 沒有不必要的多餘資訊
  • 這直接呼應 資訊層級:先刪掉冗餘資訊,再放大重要資訊。
  • 課中反覆強調「好看的見遠比好看重要」:圖表在簡報中首先是溝通工具,不是裝飾。

2. 簡報圖表的基礎工作流:降噪 → 放大 → 分離 → 聚焦

  1. 降噪:點選圖表項目,把不需要的圖表標題、圖例、資料標籤、運算列表或多餘格線關掉。
  2. 放大重點:把保留的標籤、軸線文字、圖表線條與數值放大,並改成簡報一致字型。
  3. 分離圖表與文字:標題、結論、總值或補充數字不必塞在圖表內,可放在左側;圖表放右側,避免圖表維持正方形時上下貼滿、左右空掉。
  4. 用色聚焦:圓環圖多用不同色切分比例;長條圖可用單一主色 + 強調色聚焦最高 / 最低值;格線與框線要配合背景降低雜訊。
  5. 動畫配合講述節奏:圓環圖適合「滾輪」;長條圖與折線圖適合「擦去 / 由左至右」;圖表背景與資料標籤常會被一起加動畫,需要在動畫窗格移除不必要動畫。

3. 三種常見圖型的簡報選型

圖型適合資料設計重點課中操作
圓環圖 / 圓餅圖單一事件或單一時間的多重數值總和占比區隔色塊、標成百分比、必要時中心放總值 / 平均值關掉圖表標題、保留資料標籤與圖例;調整圓環內徑、白色框線、百分比
長條圖多重事件或多重時間的多重數值個別比較不必每條都不同色;用強調色聚焦特定最高 / 最低;格線可比折線圖更清楚保留座標軸與格線、關掉標題與圖例;放大軸文字;調整類別間距
折線圖多重事件 / 時間 / 數值的趨勢與交叉比較資訊量最大,需要淡化格線、加粗折線、加端點標記,避免線條混亂保留座標軸、格線、圖例;關掉資料標籤與運算列表;加框線與標記

4. 圓環圖與圓餅圖的差異

  • 圓環圖較適合多重比例,因為中空區讓色塊更易分辨,也能放總值或平均值。
  • 圓餅圖更適合兩類比例,例如是 / 否、有 / 沒有、男 / 女;如果色塊太多,小比例會更難讀。
  • 圓環圖的框線通常設定為背景色(白底就白線、灰底就灰線),讓色塊分隔自然,而不是額外增加一條突兀線。

5. 配色邏輯:用主色與強調色的深淺,不要讓圖表五顏六色

  • 若沒有特殊聚焦需求,圖表顏色應該跟整份簡報的主色 / 強調色一致。
  • 圓環圖可用主色與強調色的深淺變化區分類別,但避免深淺深淺交錯,最好讓深淺順序有規律。
  • 長條圖可先全用同一主色,再把想強調的最高 / 最低值改為強調色,讓觀眾一眼看到講者要說的數值。
  • 顏色應輔助理解,不該讓讀者再猜「每種顏色代表什麼」。

6. 牌卡式圖表:把圖表、數值、結論分成可掃讀區塊

  • 課程最後提出「牌卡式圖表」:在圖表與文字資訊背後放圓角矩形色塊,把圖表、數值、結論切成不同區塊。
  • 好處:
    • 觀眾可以依照講者節奏分區閱讀。
    • 畫面不用把所有資訊擠在圖表本體中。
    • 圓角矩形比銳利直角方塊更自然,符合常見介面卡片設計習慣。
  • 關鍵不是加色塊,而是對齊:左右、上下、區塊間距與內距都要一致,否則牌卡會變成新的雜訊。

7. 圖表動畫的共同問題

  • PowerPoint 對圖表加動畫時,常把背景、標籤、圖例一起加進動畫。
  • 解法是打開動畫窗格,針對不需要動畫的項目單獨移除,而不是選整張圖表刪掉。
  • 動畫應服務講解節奏:
    • 圓環圖:可用「滾輪」並設定按類別呈現。
    • 長條圖:可用「擦去」並按類別呈現。
    • 折線圖:可用「擦去 / 由左至右」並按數列呈現。

提取概念

連結到此來源衍生 / 更新的 wiki 頁:

  • 圖表設計(補入簡報圖表場景、三種常見圖型的簡報選型、圖表降噪與動畫)
  • 簡報設計(補入「簡報中的資料圖表」作為視覺設計層工具)
  • 資訊層級(補入圖表降噪:刪掉多餘標籤 / 格線 / 標題,讓重點先被看見)
  • 格式塔原則(補入牌卡式圖表:方框 / 填色 / 對齊在圖表場景的具體應用)
  • MOC-視覺設計(補入第二份圖表設計來源;第一份偏 Apple / Google 介面圖表,本來源偏簡報實作)

觀察 / 待累積:

  • 圖表類型選擇:目前已有 Apple / Google 圖表設計來源 + 本簡報圖表來源;若再有資料視覺化教學來源,可考慮從 圖表設計 拆出。
  • 牌卡式圖表:本來源提出清楚實作,但目前仍是單一來源技巧,暫列觀察,不獨立建頁。

Ingest 筆記

2026-05-06

本來源是 vault 中第一份以簡報圖表實作為主題的來源。既有 2026-05-02-蘋果與谷歌圖表設計大揭秘 主要處理 App / 介面中的圖表設計,並在 圖表設計 備註中預留「待簡報圖表專題來源 ingest 後再深化交集」。本來源正好補上這個缺口。

處理策略:

  1. 不新建「簡報圖表設計」頁:目前 圖表設計簡報設計 足以承載交集,拆頁會造成早期碎片化。
  2. 把三圖型選型寫入 圖表設計:圓環圖 / 長條圖 / 折線圖的應用情境,是對 Apple / Google 來源 What / Marks 段的簡報場景補充。
  3. 把降噪流程寫入 簡報設計 / 資訊層級:課中最穩定的元命題不是某個 PowerPoint 功能,而是「先刪掉不必要資訊,再讓重要資訊看得見」。
  4. 牌卡式圖表暫不建頁:這是有價值的版面 pattern,但目前只有單一來源,先列入觀察清單;未來若出現 Dashboard / slide card / data storytelling 來源再評估拆頁。
  5. 講師 / 單位暫不建 entity:逐字稿內提及鐵貓設計與大新先生,但本次未取得 YouTube 頁面 metadata 或第二份來源支持;先保留在來源頁 metadata,不建 鐵貓設計 / 大新先生

逐字稿處理

使用者貼入的逐字稿含大量直播等待、學員完成回報、問題回覆與 PowerPoint 操作口語。來源頁主體採「結構化整理」保存可查詢知識,不逐字重製全部直播互動。若未來需要逐字比對,以 YouTube 影片與使用者貼入原文為原始依據。

原文(課程逐字稿主軸整理)

下文保留課程主軸與操作順序,刪去大量等待、重複提醒與聊天室互動。

開場與課程定位

今天最後一堂課講資訊圖表。原本本來想講簡報模板,但資訊圖表不論是學生或初入職場都很重要,所以專門花一堂講圓環圖、長條圖與折線圖,以及這些圖表在不同情境中的應用。

圖表離不開三件事:時間、事件、數值。任何圖表都是這三者的交叉混合。判斷圖表類型時,要先看自己要分析的是單一時間、單一事件、多重時間、多重事件,還是多重數值。

什麼是好的數據圖表

好的數據圖表應該讓觀眾一眼找到想看的資訊,並且沒有不必要的多餘資訊。原始圖表若沒有特別調整,通常資訊太多、找不到重點、看起來凌亂。

做圖表設計的底層邏輯是「好看的見遠比好看重要」。第一步永遠是刪減不必要資訊,第二步才是將重要資訊凸顯放大,並透過排版讓資訊不要擠在一起。

簡報中的圖表通常不要把標題、結論、數值全部塞在圖表本體上。可以把標題、總和、結論或論點放在左側,圖表放在右側,讓圖表可以放大,也避免畫面左右空、上下擠。

圓環圖

圓環圖適合單一事件或單一時間的多重數值總和占比,例如一堂課的滿意度分布,或一個月內不同產品銷售額在總額中的占比。

做圓環圖先點右上角圖表項目,關掉圖表標題,保留需要的資料標籤與圖例。接著放大數值,調整字型,讓整份簡報字型一致。再調整圓環色彩:若只點一次會改到整個圓環,要點兩下才能只改單一色塊。

圓環圖比長條圖更需要色彩差異,因為它是看總和比例,不是主要做比較;色塊太像會黏在一起。配色可以用主色與強調色的深淺變化,並保持由淺到深的規律。

圓環圖的框線可以設定為背景色並加粗,讓每段比例清楚分開。內徑不要太大,太細會難讀;也不要完全變成圓餅圖。圓餅圖比較適合兩個比例,例如是 / 否、有 / 沒有、男 / 女;多重比例用圓餅圖會讓小色塊難讀。

資料標籤可從值改成百分比。如果需要,也能把總和或平均值放在圓環中心。右側圖表呈現百分比,左側補數值,讓觀眾同時理解占比與實際數量。

圓環圖動畫適合用「滾輪」,效果選項選「一類別」,可讓每個色塊依序呈現。若不需要逐步講解,動畫設定為接續前動畫,期間可調為約 0.5 秒。PowerPoint 會把底層資料標籤或其他物件一起加動畫,不需要的要在動畫窗格移除。

長條圖

長條圖適合多重事件或多重時間的多重數值個別比較。例如一季到四季的銷售,或同一堂課中時間掌控、課程內容、教學流暢、整體滿意等不同事件的分數比較。

長條圖與圓環圖不同,它不是看總和占比,而是看不同項目之間的高低。長條圖的色塊與色塊之間空間足夠,即使全部同色也能分清楚;如果要強調最高或最低,再用強調色即可。

操作上先關掉不必要圖表項目:標題可以放左側,圖例可關掉,資料標籤視需求保留;座標軸與格線通常要保留,讓觀眾知道每條長度對應多少。

長條圖的格線可以比折線圖清楚,因為長條圖本身不是線條,不會跟格線混在一起。若要調整柱子的粗細,可在資料數列格式中調整類別間距。

長條圖動畫適合用「擦去」,效果選項選一類別,讓長條一個一個出現;若不需要點擊逐步呈現,就設定接續前動畫,並移除背景或標籤的不必要動畫。

折線圖

折線圖是三種圖表中最複雜的,因為資訊量最多。它適合多重事件與多重數值比較,或多重事件與多重時間加上多重數值的比較。簡單說,若同時要比較不同事件、不同時間或不同數值層,就會比長條圖更適合折線圖。

折線圖先保留座標軸、格線與圖例,關掉圖表標題、資料標籤與運算列表,避免資料重複。接著放大字體、調整字型與線條顏色。

折線圖的格線不能太明顯,因為折線本身也是線條;格線太深會讓整張圖顯得混亂。格線可以調透明度並略微加粗到能看見的位置。

折線本身要加粗,觀眾才看得清楚。每條線也應加端點標記,否則觀眾不容易判斷某個數值點的位置。標記可用不同形狀(正方形、三角形、圓形)與對應顏色。

折線圖動畫可用「擦去」,方向由左到右,效果選項選依數列。若不想一條一條點擊,就改為接續前動畫;同樣要在動畫窗格移除背景動畫。

牌卡式圖表

牌卡式圖表是把圖表、數值、結論分成卡片區塊。這樣觀眾在閱讀時可以先看圖表,再看數值,再看結論,講者也能更容易引導視線。

做法是在圖表或文字區塊底下新增圓角矩形,將填色改成非白色的淡色背景,再把圖表、數值、結論放在不同卡片內。圓角矩形比直角方塊柔和自然,也符合常見軟體介面設計。

牌卡式圖表最重要的是對齊:左右對齊、上下對齊、線條與線條之間空間對齊、區塊內距一致。所有東西整齊,卡片才會看起來乾淨;若沒有對齊,卡片反而會製造混亂。

課程最後提醒,圖表不是越裝飾越好,而是要先安排觀眾的視覺動向:觀眾應該先看哪裡、再看哪裡、最後看哪裡。牌卡式圖表的價值是幫觀眾安排閱讀順序,而不是單純加底色。