Dashboard版面與圖表怎麼選？KPI到明細五層排法、選圖對照表與配色原則

看板上八張圖一樣大，主管看了三十秒還問這週好不好？版面由上往下排成KPI、趨勢、比較、異常、明細五層；看你要回答什麼問題就選什麼圖，整頁只用一個重點色，標題寫成結論。附選圖對照表與重排版面的提示詞。

本文目錄

• 方法：記住三個原則
• 原則一：由上往下，版面分五層
• 原則二：看什麼，選什麼圖
• 原則三：整頁只用一個重點色
• 把原則寫進提示詞，請Claude重排版面
• 三個職場情境（假設情境）
• 三個常見錯誤
• 練習：幫三種數字選一種圖
• 課後五分鐘實作
• 一句話回顧

看板上有八張圖，主管看了三十秒，抬頭問你：「所以這週到底好不好？」

圖都畫出來了，數字也沒錯，問題出在看的人不知道該先看哪裡。AI做的第一版，常把所有圖平均排開，每張一樣大，像一面貼滿便利貼的牆。

好的版面，會替看的人安排順序：先看什麼，再看什麼。

這堂課教你兩件事：版面怎麼排、圖表怎麼選，最後再加上配色的原則。

搭配本課程5分鐘影片，先看重點，再用下面的整理與練習確認理解。

方法：記住三個原則

1. 由上往下排：KPI → 趨勢 → 比較 → 異常 → 明細
2. 看什麼選什麼圖：變化用折線，比較用長條
3. 只用一個重點色：重點用橘色，其他用灰色

原則一：由上往下，版面分五層

把看板由上往下分成五層，每一層回答一個問題：

層	放什麼	業務週報的例子
KPI	最重要的3～5個數字	本週業績、週成長率、目標達成率
趨勢	數字怎麼變化	近八週業績折線
比較	誰高誰低	各區業績長條
異常	哪裡要注意	達成率低於八成的區域
明細	要查時再看	各業務的出貨明細表

這個順序就像寫報告：先講結論，再講原因，最後附上資料。

為什麼要這樣排？因為主管通常只看最上面一兩層。結論放在上面，越往下越細，想追原因的人再往下看就好。

最常見的錯，就是把明細表放在最上面，結論反而要往下捲才看得到。如果明細真的很長，也可以放在第二頁，第一頁只放結論。

原則二：看什麼，選什麼圖

先想清楚你想回答什麼問題，再決定用什麼圖。以業務週報為例（假設情境）：

想看什麼	用什麼圖	業務週報的例子	注意
一個數字	KPI卡片	本週業績	旁邊加上和上週比
隨時間變化	折線圖	近八週業績	時間由左到右
類別比較	長條圖	各區業績	由大到小排序
占比組成	堆疊長條	各產品占比	圓餅最多三到四塊
查細節	表格	各業務明細	放在最下面

如果不確定，可以直接問Claude：「這個數字適合用什麼圖，為什麼？」

選圖其實只要問一件事

這張圖要回答什麼問題？ 把答案直接寫成圖的標題。

• 只寫名稱：「各區業績」
• 寫成結論：「北區連續三週下滑」

後者主管不用自己解讀，週會也能直接拿來討論。

另外有兩種圖要避開：

• 3D圖：立體效果會讓高低看不準。
• 雙軸圖：兩組數字共用一張圖、各用一條座標軸，容易誤讀，拆成兩張比較好。

原則三：整頁只用一個重點色

要強調的用橘色，其他都用灰色。 橘色只留給真正要處理的地方，例如達成率低於八成的區域。

再補兩個配色細節：

• 同一個指標，在每張圖都用同一個顏色，看的人才不會搞混。
• 不要只靠紅綠兩色區分好壞。 色弱的人會看不出來，可以加上文字或符號。

把原則寫進提示詞，請Claude重排版面

這三個原則可以直接寫進提示詞。例如：

請照這個順序重排版面：最上面三張KPI卡片，接著近八週趨勢、各區比較，再標出達成率低於八成的區域，明細表放最下面。重點用橘色，其他用灰色，不要用3D圖。

改完之後，用手機也開一次看看——很多主管是在手機上看看板的。

三個職場情境（假設情境）

情境一：人資專員做招募進度看板

• 要回答的問題：各職缺應徵數比多少？
• 適合的圖：橫向長條圖，由多到少排序。職缺名稱通常很長，橫向比較好讀。
• 要避免：用圓餅切成十幾塊，完全看不出差別。

如果只有三四個職缺，直向長條也可以，重點是要排序。

情境二：客服主管做進線量看板

• 要回答的問題：一天裡哪個時段最忙？
• 適合的圖：各時段長條圖，只把尖峰時段標成橘色，其他用灰色。
• 要避免：每個時段都用不同顏色，反而找不到重點。

情境三：行銷專員做活動成效看板

• 要回答的問題：名單數每週怎麼變？
• 適合的圖：折線圖，時間由左到右。每週的點連成線，上升或下滑一眼就看得出來。
• 要避免：把花費和名單數擠在同一張雙軸圖。想看花費，就另外做一張。

三個常見錯誤

1. 八張圖一樣大，沒有主次。 看的人不知道先看哪裡。
2. 每張圖都用不同顏色。 顏色多了，重點反而消失。
3. 圖表標題只寫名稱，沒寫結論。 主管要自己解讀，週會就會卡在「這張圖在說什麼」。

這三個錯都不難改，只要在提示詞裡一次講清楚就好。

練習：幫三種數字選一種圖

下面三種數字，各要用什麼圖呈現？

1. 近12個月業績
2. 各區業績
3. 本週目標達成率

參考答案

1. 近12個月業績 → 折線圖。這是隨時間變化。
2. 各區業績 → 長條圖，由大到小排序。這是類別比較。
3. 本週目標達成率 → KPI卡片，旁邊加上和上週相比的變化。這是一個數字。

如果還想看各區每週的變化，可以再加一張折線圖，但線不要超過五條。

課後五分鐘實作

拿出你在第三堂做出的第一版看板：

1. 把每張圖分到五層裡：KPI、趨勢、比較、異常、明細；分不進去的圖，想想是不是可以拿掉。
2. 對照選圖表，檢查每張圖有沒有選對；不確定就問Claude「這個數字適合用什麼圖，為什麼？」
3. 把每張圖的標題改寫成一句結論。
4. 決定唯一的重點色要留給哪個地方，其他改成灰色。
5. 把以上決定寫進提示詞，請Claude重排版面，再用手機開一次看看。

歡迎到「AI趨勢報」教室，分享你修改前後的看板。

一句話回顧

版面由上往下排：KPI、趨勢、比較、異常、明細；看你要回答什麼問題就選什麼圖，整頁只用一個重點色，標題寫成結論。

下次看到AI做的看板，先問自己：主管第一眼會看到什麼？

資料來源與教學說明

本文搭配104學習「5分鐘學會用AI做Dashboard」系列免費課程。文中的業務週報資料、職場情境、練習與提示詞範例皆為原創假設情境，用來示範方法，不代表任何公司的真實數據。把公司資料交給AI之前，請先確認公司的AI使用規定，並把個人資料刪除或換成代號。

資訊查核日期：2026-11-10。本課以方法為主，不涉及會變動的版本與方案資訊。

用AI做Dashboard系列｜七堂一起讀

• 第1堂｜用AI做Dashboard前先問什麼？誰要看、做什麼決定、看哪些數字，三問寫出需求卡
• 第2堂｜Excel交給Claude整理資料怎麼做？空值、重複、格式三種檢查與資料字典範本
• 第3堂｜用Claude做Dashboard提示詞怎麼寫？需求卡＋資料＋格式，一段做出第一版
• 第5堂｜AI做的Dashboard數字對嗎？對總數、抽三筆、查邊界，十分鐘驗收再分享
• 第6堂｜Dashboard篩選器怎麼加？三種互動、篩選最多三個與預設值設定
• 第7堂｜Dashboard怎麼每週持續更新？固定格式、固定流程、過期提醒，何時交給IT
• 和「AI趨勢報」教室一起交流：分享你的看板與提示詞