圖表範本庫
圖表範本取自 github.com/cathrynlavery/diagram-design ・MIT License・Cathryn Lavery
流程圖、泳道圖、組織圖這種在 Word 裡拉半天還是對不齊的圖, 這裡是已經排好的。挑一張、把字改成你的案子、下載貼進簽稿或簡報—— 不必開 Visio,也不必自己對齊框線。(長條圖、折線圖 Excel 兩下就有,這裡不必用。)
全程在你的瀏覽器裡完成,沒有上傳、沒有後端,資料不離開這台裝置
能改的:圖上每一段文字、標題、四個主要顏色。 不能改的:方塊的位置與大小——那是範本畫死的。 中文比英文寬,字太長時本站會自動縮小字級塞進框裡,縮到看不清楚就代表該把字改短。
關於中文:範本原本是英文的。掛「中文範本」標籤的 46 張(16 種圖), 已經整份改寫成公務情境(公文簽辦流程、機關組織與分工、案件狀態流轉、民眾申辦歷程、 跨科室案件流轉…),打開就是中文,改成你自己的案子即可。其餘的至少會把圖例、月份、 是/否這類固定用字換成中文,方塊裡的內容仍是範本自帶的示範資料,本來就要整段換掉。 沒有通用中文譯名的專有名詞(UML、Sankey、Wardley、draw.io 等)刻意留原文——硬翻反而看不懂。
最常被要求、又最難自己排的七種。點下去就是排好的中文圖,改成你的案子即可。
步驟數不一樣、分岔不一樣? 範本只能換字,不能加減方塊。要自己決定有幾個步驟、幾個判斷、往哪裡分岔, 用 流程圖產生器——打大綱,版面由程式排。
一行一個節點,由上往下就是流程的順序。三件事要記:
開始 或 結束 是橢圓、判斷 是菱形,其餘一律是矩形步驟。步驟 登記收文 / 收發室。否 → 移文他科(往右接一個結果)、
是 ↑ 承辦人擬稿(退回前面某一步,文字要一模一樣)。
打不出箭頭時 -> 和 ^ 也可以。你只要標一條分支,往下走的那一條會自動標上相反的那個(是↔否)。
點圖上的文字,下面的欄位會跟著跳過去。這裡看到的就是下載到的。
名單、科室、工作項目通常已經在 Excel 裡了。在 Excel 選一整欄複製, 貼進下面的框按「填入」,會從目前選取的那一段開始依序填(沒選就從第 1 段起)。 一行對一段;一行裡有多欄會併成「甲 · 乙」,不會拆成兩段。
PNG 給 Word 與簡報用;SVG 是向量檔,放大不糊;HTML 可以離線開、用瀏覽器列印成 PDF。 三種都會在圖的下方帶一行來源標註。
最省事的是「複製圖片到剪貼簿」:按完直接到 Word 或簡報按 Ctrl+V, 不必先存檔再插入圖片。
改到一半可以「存出設定檔」(一個小小的 .json),下次在同一張範本按「載入設定檔」 就接著改,也可以傳給同事接手。設定檔只記你改了什麼,不含圖檔本身。