← 全部學習筆記
2026-10-25 學到
設計

圖表先定問題再選圖型,整張只留一個焦點色

先決定要回答的問題再選圖型,整張圖用單一橘色當焦點,其餘用灰藍墨色退後。

怎麼做

  1. 先定要回答的問題,再選圖,產業只是換資料,不綁死圖型。
  2. 流程圖用角色當泳道、步驟當欄位,只用珊瑚橘標出關鍵交接。
  3. 故事地圖用一條橫向 Release Cut 分出第一版,整張圖只留兩個 accent。
  4. 泳道圖只有跨泳道交接才畫明確箭頭。
  5. 架構圖只保留真正影響理解的五個元件,不把所有服務畫滿。

可以怎麼用

挑甘特圖與流程圖兩張,把橘色換成品牌強調色,畫一張 DOUZO 圖卡草稿。

可直接複製的素材

請參考「資料流程」製作一頁 16:9 HTML 簡報。
範例主題:自然風險資料,如何變成可採取行動的報告
要表達的關係:角色是泳道、步驟是欄位;珊瑚橘只標示資料從分析準備跨入風險建模的關鍵交接。
設計原則:Data Flow 最適合回答:「誰在什麼階段,接到什麼資料,再交出什麼?」
依原始資料建立圖表、標籤、圖例與滑鼠提示;保留適合此圖的點選與篩選操作。
採用清楚的留白與資訊層級,主要行動用強調色,文字維持可編輯,不使用 emoji。標題與圖表都必須留在 16:9 範圍內。
請先索取我的實際資料;此範例數字僅供示意,不得當成真實證據。
交付 HTML 與必要素材,測試切換、空資料及圖表尺寸。若需 PPTX,請將有意義的互動狀態展開成獨立投影片,文字與圖表盡可能用原生物件重建。

可直接複製的素材

請參考「地圖+證據表」製作一頁 16:9 HTML 簡報。
範例主題:地圖看空間關係,表格保留可稽核證據
要表達的關係:參考聯發科平台實測報告的成熟結構,重新套用 diagram-design 的紙張灰、墨色與單一橘色焦點;資料與名稱已匿名化。
設計原則:雙半徑不是裝飾切換:0.5 km 看場址腹地,2 km 看周邊環境脈絡。
真實經緯度、點位與證據表連動、圖層開關,底圖不可用時提供說明。
採用清楚的留白與資訊層級,主要行動用強調色,文字維持可編輯,不使用 emoji。標題與圖表都必須留在 16:9 範圍內。
請先索取我的實際資料;此範例數字僅供示意,不得當成真實證據。
交付 HTML 與必要素材,測試切換、空資料及圖表尺寸。若需 PPTX,請將有意義的互動狀態展開成獨立投影片,文字與圖表盡可能用原生物件重建。

可直接複製的素材

請參考「甘特圖」製作一頁 16:9 HTML 簡報。
範例主題:十週平台導入:進度、依賴、負責人與風險一次看
要表達的關係:以真實專案管理情境呈現六條工作流;色條內是完成比例,hover 可查看交付物、阻塞與前置任務。
設計原則:甘特圖不只是日期色條;真正重要的是誰負責、卡在哪裡、哪個延誤會影響上線。
工作、起訖日期、負責人、進度、依賴與里程碑分開保留。
採用清楚的留白與資訊層級,主要行動用強調色,文字維持可編輯,不使用 emoji。標題與圖表都必須留在 16:9 範圍內。
請先索取我的實際資料;此範例數字僅供示意,不得當成真實證據。
交付 HTML 與必要素材,測試切換、空資料及圖表尺寸。若需 PPTX,請將有意義的互動狀態展開成獨立投影片,文字與圖表盡可能用原生物件重建。

注意:資料為示意,不作為真實營運或風險判斷。

來源:AI Bunny,2026-09-22|看原文