畫板功能回顧

PS CC 2015 引入多畫板支援，單一 .psd 可容納多個獨立畫布 (Artboards)，各自擁有獨立圖層結構、尺寸、導出設定。專為響應式設計、App 多螢幕流程、設計系統組件庫而生。以下 4 大技巧釋放畫板最大效能。

技巧一：圖層面板鍵盤導航 — 秒級跳轉目標畫板

複雜文檔含 20+ 畫板時，畫布縮放平移極其低效。
操作： 圖層面板中，按住 Option (Alt) 鍵點擊任意畫板圖層名稱/縮略圖，畫布瞬間定位至該畫板中心。
前提： 圖層命名規範 (如 AB_Login、AB_Dashboard、Detail_Profile)，配合圖層面板搜尋框 (Ctrl+F) 過濾，導航更神速。

技巧二：一鍵展開/摺疊所有畫板 — 圖層面板整潔術

新建畫板預設展開，圖層面板瞬間變「亂麻」。
操作： 按住 Cmd (Ctrl) 鍵點擊任一畫板圖層左側展開三角箭頭，**所有畫板同步展開/摺疊**。
習慣： 進入文檔先「Cmd+點擊摺疊全部」，僅展開當前作業畫板，專注力最大化。

技巧三：從現有圖層組一鍵生成畫板 — 舊檔無痛遷移

舊檔無畫板結構？無需重建。
操作： 圖層面板右鍵目標圖層組 > 從群組建立畫板。PS 自動以組名為畫板名、組邊界為畫板尺寸、組內圖層結構完整保留。
優勢： 保留所有圖層相對位置、樣式、智能物件關聯，零成本升級為畫板工作流。

技巧四：快速導出畫板為高精度 PNG — 交付與分享加速器

傳統「存儲為 Web」需逐一切片、設定。畫板導出一鍵搞定。
操作： 圖層面板選中一或多個畫板 (Shift/Cmd 點選) > 右鍵 > 快速導出為 PNG。
產出： 每畫板獨立 PNG、檔名 = 畫板名、解析度 = 畫板像素尺寸 (支援 @2x/@3x 後綴自動生成)、透明背景保留。
場景： 立即分享至 Slack/Figma/InVision/Zeplin/Dribbble，或交付前端切圖。

畫板工作流對 UI 設計產業化的推動

• 排版速度：同一文檔並排對比多斷點 (Mobile/Tablet/Desktop)、多狀態 (空狀態/載入中/錯誤/成功)，橫向對齊基準線一致性肉眼可驗。
• 圖層治理：畫板天然隔離圖層命名空間，Btn_Primary 可在每畫板重複使用無衝突。
• 原型同步：InVision Craft / Anima / UXPin 等外掛直接識別畫板為畫面節點，一鍵同步原型，省去切圖上傳環節。
• 設計系統：組件庫畫板 + 頁面實例畫板共存，組件更新即時傳播至所有實例畫板 (配合連結智能物件)。

畫板功能將 UI 設計從「單頁孤立作業」升級為「系統化並行作業」，是設計師向產品設計師、設計工程師角色演進的關鍵基礎設施。