什麼是「設計空間」？

Adobe Photoshop CC 2015 技術預覽版引入的 **「設計空間」** 是一個**專為 UI/網頁/交互設計師定制的極簡工作區**。它隱藏了 3D、視頻、3D 列印、科學分析等與界面設計無關的功能，精簡工具欄、重設計面板佈局、引入畫板增強、矢量優先操作、屬性面板整合，旨在讓設計師在熟悉的 PS 環境中獲得接近 Illustrator/XD/Figma 的 UI 設計體驗。

啟用條件與方法

• 系統要求：macOS 10.10+ 或 64 位 Windows 8.1+；僅支援英文介面。
• 啟用路徑：編輯 → 偏好設定 → **技術預覽** → 勾選「啟用設計空間 (預覽)」 → 重啟 PS → 欢迎頁點擊「設計空間」進入。

介面重大變化速覽

模塊	標準 PS	設計空間
選單欄	完整功能選單	精簡選單，新增「安排」選單（對齊、分佈、排序、編組）
工具欄	左側豎向 20+ 工具	右側橫向 **5 大工具**：選擇(V)、矩形/橢圓(M)、鋼筆(P)、文字(T)、手抓(H)
屬性面板	分散在屬性/字符/段落/圖層樣式	**右側統一屬性面板**：幾何屬性(X/Y/W/H/鎖定比例/旋轉)、外觀(填充/描邊/陰影/不透明度/混合模式)、文字(字體/大小/顏色/行高/字距)
圖層面板	完整圖層堆疊	簡化版，支援按畫板篩選、圖層搜尋
畫板	基礎支援	**畫板群組、參考線鎖定畫板、圖層面板按畫板篩選**

核心功能深度體驗

1. 新建文檔：模板驅動

• 啟動頁直接提供 **iOS/Android/Web/Watch/社交媒體** 等熱門尺寸模板，一鍵建立。
• Ctrl+N 快速新建上一模板同尺寸；Alt+Ctrl+N 喚出傳統新建對話框。

2. 矢量優先設計：形狀布爾運作即時預覽

• 選中多個形狀 → 屬性面板「路徑操作」：**聯合/減去前面/相交/排除**，即時生成複雜矢量圖形，無需進入路徑面板操作。
• 填充：拾色器/十六進制/RGB/HSB/色板/無填充；描邊：大小/對齊(內/中/外)/虛線/端點/轉角；陰影：內/外陰影統一面板設置 X/Y/模糊/顏色/擴展，可疊加多組陰影。

3. 文字排版：精簡高效

• 文字工具點擊畫布直接輸入，屬性面板即時顯示字體/字重/大小/行高/字距/顏色/對齊/段落間距，無需切換字符/段落面板。
• 支援 OpenType 功能（連字/替代字形/分數/序數）下拉選單直接勾選。

4. 畫板工作流：多頁面/多狀態/響應式設計

• 畫板工具（Shift+V）拖曳建立新畫板，或圖層面板右鍵「從圖層新建畫板」。
• 畫板可群組巢狀管理（如「登入流程/註冊流程/主頁」），參考線可鎖定至特定畫板。
• 圖層面板頂部下拉選單可按畫板篩選圖層，告別幾百層找圖層噩夢。

現狀與展望

設計空間作為**技術預覽功能**，已在後續 CC 2017/2018 版本中逐步將優秀特性（統一屬性面板、畫板增強、矢量布爾運算面板化、模板啟動頁）融入主界面。雖獨立「設計空間」模式後來被移除，但其設計理念深刻影響了現代 PS 的 UI 設計工作流。**現代 PS 已內建「UI 設計」工作區（窗口 → 工作區 → UI 設計），集成了設計空間精華功能，建議直接使用最新版 PS 的原生 UI 設計工作區。**