背景

Photoshop CC 2015 引入畫板 功能，讓單一 PSD 可容納多個不同尺寸的設計畫面 (如響應式網頁斷點、App 多螢幕、社群媒體多尺寸)，極大提升 UI/UX 設計流程效率。

技巧 1：鍵盤快速導航至指定畫板

• 在圖層面板中，按住 Option (Mac) / Alt (Win) 點擊任一畫板圖層 (或群組)，畫布視窗會立即平滑滾動至該畫板中心。
• 配合乾淨的圖層命名 (如「Artboard - Home - 1440」、「Artboard - Detail - 375」)，可秒級定位任意畫面。

技巧 2：一鍵展開/收合所有畫板群組

• 在圖層面板中，按住 Cmd (Mac) / Ctrl (Win) 點擊任一畫板層級的展開三角箭頭，所有畫板同時展開或收合。
• 避免大量畫板時圖層面板變成「無盡滾動條」，保持面板整潔。

技巧 3：從現有群組一鍵建立畫板

• 若原始檔案尚未使用畫板，已將各畫面整理為群組。
• 在圖層面板右鍵點擊群組 > 選擇 「從群組建立畫板」，群組自動轉換為畫板，保留內部圖層結構與位置。
• 畫板具備獨特優勢：可獨立設定尺寸、背景、裁切邊界，並支援後續的快速導出與原型軟體同步。

技巧 4：快速導出畫板為 PNG (高畫質、批次、無對話框)

• 在圖層面板選中一或多個畫板 (可 Shift/Ctrl 多選)。
• 右鍵 > 快速導出為 PNG (或在選單「檔案 > 匯出 > 快速導出為 PNG」)。
• 自動以畫板名稱命名檔案，輸出 @1x 高畫質 PNG，無彈窗確認，極適合批次產出設計稿供開發/審閱/上傳 Dribbble。

延伸價值

• 畫板讓 PS 從「單頁圖片編輯器」進化為「多畫面設計系統工具」。
• 配合 InVision、Zeplin、Figma (匯入 PSD) 等原型/協作工具，實現「設計稿 → 互動原型 → 標註交付」無縫流程。
• UI 設計已從少數人技能變為體系化專業，畫板是關鍵基礎設施之一。

譯者：設計派小溫