草圖非「會畫畫」的專利，而是設計思維的外化工具、低成本試錯場、高效溝通介質。無論項目大小、類型如何，草圖在設計流程中扮演不可替換的五大角色。

草圖的五大戰略用途

1. 快速發散概念：量質變化的加速器

案例：bioTrekker Logo 設計，設計師 Karley Barrett 手繪 60+ 方案草圖，再篩選深化。

價值：

• 紙筆速度 ≫ 電腦操作速度，思維不被工具拖慢
• 低成本試錯：錯在紙上 = 幾秒鐘；錯在電腦 = 數小時
• 發散幅度大：強迫大腦突破首個方案的「滿意陷阱」
• 思維外化：減輕工作記憶負荷，騰出腦力做深度聯想

產品設計同理：運動鞋、傢俱、自行車等實體產品，草圖是唯一能快速驗證比例、人機、機構可行性的方式。

2. 確立基礎佈局與元素：骨架先行，血肉後附

網頁/界面設計：草圖階段只定「塊」——導航區、英雄區、內容區、側邊欄、頁腳。不畫細節，只定結構、層級、比例、動線。

核心心法：「繪畫功底不是必須，表達結構意圖才是。」 方框、線條、十字叉、文字標註足矣。

3. 客戶溝通與方向鎖定：低成本對齊，高成本護航

SOS Factory 吉祥物工作室流程：草圖師繪製 → 客戶+藝術總監+設計師三方確認 → 簽署 → 線稿師上墨 → 上色師著色。草圖簽署 = 方向凍結 = 杜絕後期無限返工。

GoMedia 流程：粗略草圖組 → 客戶選方向 → 精細草圖 → 矢量化制作。越早鎖定方向，返工成本呈指數級下降。

4. 視覺探索與靈感發酵：設計師的私有實驗田

• 設計日誌：Sherrie Thai 保留草圖作品集，記錄圖案/身份/紋身等領域的視覺探索
• 問題發現與解決：《設計草圖》書中案例：草圖過程中發現結構干涉 → 即時調整 → 規避後期工程災難
• 靈感孵化器：無壓力、無客戶、無規格的自由繪製，往往孕育突破性視覺語言

5. 方案精修與細節打磨：最後一公里的質量閘

整體方向正確，但局部「感覺不對」？單獨拿出一張紙，針對該局部重畫草圖，直到滿意。 這是從「能用」到「好用」再到「驚艷」的關鍵一筆。Bill (GoMedia) 慣用：草圖精修 → 電腦定稿。Angel D'Amico 專案則因客戶持續修改轉入數字工具加速。

草圖融入設計流程的標準化節點

專案階段	草圖產出物	參與角色	決策輸出
啟動/策略	概念草圖 10-20 張	設計師/策略總監	核心創意方向 2-3 條
概念設計	佈局草圖 5-10 版	設計師/客戶/項目經理	確定佈局架構 1 版
設計深化	關鍵組件/交互流程草圖	設計師/開發/UE	組件規格/交互邏輯確認
客戶匯報	精細草圖/線框圖	設計師/客戶決策層	視覺方向/核心頁面簽署
生產前檢查	異常狀態/邊界情況草圖	設計師/QA	補充規範/例外處理方案

關於「電子草圖」的誠實建議

iPad Pro + Procreate / FigJam / Figma 手繪模式 = 數字草圖。工具不重要，思維模式才關鍵：

• ✅ 保持「快、粗、多、改」的草圖心態
• ❌ 別在草圖階段調顏色、對齊像素、找圖標、選字體
• 💡 設置 15 分鐘計時器，強制發散，不准撤銷（或僅限 1 次）

總結

項目越大、不確定性越高、利益相關者越多，草圖的 ROI（投資回報率）越高。下個專案，強迫自己在打開設計軟體前，先畫 20 分鐘草圖。 你會驚訝地發現：原本 3 天的返工修改，變成了 30 分鐘的紙上推演。這就是草圖的魔力——用最廉價的方式，買最昂貴的清晰度。