用 Claude Design 做一眼看懂的資訊圖表：先給真資料、定一句結論，色帶長度照比例

01先打開 Claude Design，選做圖表的模板（1 分鐘）

1. 到 claude.ai/design 登入，或在一般的 Claude 對話裡直接叫出 Claude Design。每個方案都能用，包括免費方案。
2. 新增專案，選做圖表的模板。我們選的是「Diagram」。官方頁面沒有列出模板名稱，之後介面可能會改，找不到就找跟圖表、圖解有關的模板。
3. 先不要急著打字。照下面的順序，先把資料和那一句結論準備好。

• Claude Design 官方介紹 — 方案說明；獨立網站開放到 2026 年 12 月 14 日

02第 1 步：先找真資料，一項寫一行

資訊圖表最怕的，是 Claude 自己編數字。它不會幫你查資料，你沒給，它就會填一個看起來很像的數字。所以第一步不是打開設計工具，是先把資料找好、整理好。

我們用的是英文維基百科「Taipei Metro」頁面的路線表，2026 年 10 月 19 日讀取。每條線抄下 4 個數字：長度、站數、開通日，再加上代表色。

1. 一項資料寫一行，欄位用「｜」隔開，例如：名稱（代表色）｜數字 1｜數字 2｜日期。
2. 每個數字都要有單位：公里、站、年。
3. 寫上資料來源和讀取日期。Claude 會把它放進海報，你之後也查得回去。
4. 最後加一句「不要自己加數字」。

- 文湖線（棕）動物園－南港展覽館｜25.7 公里｜24 站｜1996/3/28 開通（第一條）
- 淡水信義線（紅）廣慈/奉天宮－淡水｜31.6 公里｜29 站｜1997/3/28 開通
- 松山新店線（綠）新店－松山｜19.7 公里｜19 站｜1998/12/24 開通
- 中和新蘆線（橘）南勢角－迴龍／蘆洲｜31.5 公里｜26 站｜1998/12/24 開通
- 板南線（藍）頂埔－南港展覽館｜28.2 公里｜23 站｜1999/12/24 開通
- 環狀線（黃）大坪林－新北產業園區｜15.4 公里｜14 站｜2020/1/31 開通（最年輕）

• Wikipedia：Taipei Metro（路線表） — 我們 2026/10/19 讀取的資料來源

03第 2 步：先決定觀眾要記住哪一句

這一步最常被跳過。6 條線、每條 4 個數字，一共 24 個數字。觀眾滑過去只有一兩秒，不可能全部記住。所以先問自己：看完這張圖，你希望他記住哪一句？

我們的答案是「紅線最長、黃線最年輕」，標題則用問句「誰最老、誰最長？」。Claude 把結論做成標題旁邊三塊最顯眼的色塊。第三塊「棕線最老」是它從我們標的「第一條」自己補上的。

04第 3 步：附上插畫，貼上 prompt

標題區的插畫（列車加乘客）是我們先在 ChatGPT 生好的去背 PNG，再附進 Claude Design。沒有插畫，Claude 常會留一個灰色佔位框。附好插畫，再貼這段 prompt：

做一張直式資訊圖表海報（1080×1920，手機滑到就要看得懂）：主題「［主題］」
只用這些資料（來源：［資料來源＋讀取日期］），不要自己加數字：
［資料：每一項一行，例如 名稱（代表色）｜數字 1｜數字 2｜日期］
參考方向：
- 每一組資料是一根粗粗的彩色長條，上面放超大的數字，一眼就能比大小。
- 整張由一條一條滿版色帶疊起來，每條色帶一個大編號＋一個物件，節奏很強。
- 大色塊拼貼、粗黑標題，資訊很多但不亂。
- 有時間的資料用一條直的時間軸，年份用超大字。
請每一項用它自己的代表色做成色帶（長度照［數字］比例），每條寫超大的數字。附上的插畫放在標題區。
標題要粗、要大，整張縮小到手機也看得出「［你的一句結論］」。全部繁體中文，不要留灰色佔位框。

05第 4 步：用顏色編碼，不用看圖例

每一項資料用它自己的代表色：文湖線棕、淡水信義線紅、松山新店線綠、中和新蘆線橘、板南線藍、環狀線黃。台灣人本來就記得捷運線的顏色，所以看到紅色長條，不用找圖例就知道是哪一條。

06第 5 步：長條照比例，數字放最大

長條的長度要跟數字成正比，觀眾才能一眼比大小。紅線 31.6 公里、環狀線 15.4 公里，31.6 ÷ 15.4 ≈ 2.05，所以紅色色帶差不多是黃色的兩倍長。

我們量了 Claude 做出來的 6 條色帶：每一條都是大約每公里 21.1 像素，全部照比例，不是隨便拉長。

07第 6 步：時間軸和資料來源，最後再檢查

開通年份放在左邊一條直的時間軸，每個點用該線的代表色。1999 到 2020 中間隔了 20 年，Claude 自己把那一段畫成虛線，觀眾一看就知道環狀線晚很多。資料來源和讀取日期則放在最下面一條黑色色帶。

1. 對一次數字：海報上每個數字，都跟你貼的資料一樣嗎？
2. 縮小看一次：把預覽縮到手機大小，還看得出你那一句結論嗎？
3. 看顏色：有沒有兩個顏色太像？
4. 看小字：路線名稱、日期、單位會不會小到看不見？

把［中和新蘆線］的色帶和標題圓點改成清楚的［橘色 #F08A00］，跟［環狀線的黃色］分開。［最長］標籤放大一倍，放在［紅色色帶］的尾端。其他地方都不要動。

改好之後按右上角的 Share 匯出。官方列出的匯出格式有 PDF、PPTX、獨立 HTML，也可以送到 Canva。官方沒有寫可以直接存成 PNG，要放 IG 的圖片，我們是把預覽放大後截圖存下來的。

08要注意

1. 海報上的數據來自英文維基百科 Taipei Metro 頁面的路線表（2026 年 10 月 19 日讀取），只是拿來示範做法。路線會延伸、數字會變，真的要用請再查證，最好以台北捷運公司的官方資料為準。
2. 維基百科上，淡水信義線的 31.6 公里跟新北投支線共用一格，松山新店線的 19.7 公里跟小碧潭支線共用一格；29 站、19 站不含支線。
3. 這張是示範作品・非官方，不是台北捷運公司做的圖，也沒有使用官方 logo。色帶的顏色是近似的路線色，不是官方色碼。
4. 海報由 Claude Design 生成，我們沒有再修改。標題區的列車和乘客插畫是 ChatGPT 生成的，人物都是虛構的。
5. 「Diagram」是我們選的模板名稱，官方頁面沒有列出模板清單，之後可能會改名。
6. claude.ai/design 獨立網站開放到 2026 年 12 月 14 日，Claude Design 也已經能在一般的 Claude 對話裡用。重要的專案記得先匯出。