針對 iOS App 界面設計的 Photoshop 專業工作流規範，涵蓋畫布設置、圖層管理、效能優化、協作交付等 20 條實戰心法。無論你是 UI 設計師、產品設計師還是前端工程師，內化這套規範都能顯著提升設計輸出品質與團隊協作效率。（文中快捷鍵以 Windows 為準，Mac 用戶 Cmd↔Ctrl、Opt↔Alt）

畫布與網格規範

1. 保持尺寸為偶數：基於 2px 網格設計。編輯 > 首選項 > 參考線/網格/切片，網格線間隔 64px、子網格 32，確保 Retina 縮小時像素完美對齊。
2. 對齊像素網格：Ctrl+K 開啟首選項 > 常規，勾選「將矢量工具與變換與像素網格對齊」（CS6+ 支援變換也對齊），形狀邊緣永不模糊。

圖層樣式與效能鐵律

3. 混合模式只用「正常」：疊加在其他元素上層的效果（投影、外發光）混合模式必須設「正常」，避免導出 PNG 後顏色偏移。
4. 漸變顏色靈活換色：方法一、漸變層混合選項加「顏色疊加」；方法二、純色層加「漸變疊加」（配合矢量/剪貼蒙版）。一鍵換膚色無需改漸變端點。
5. 多用徑向漸變：導航欄疊加徑向漸變層或用「斜面與浮雕」模擬微凸質感，增加界面呼吸感。
6. 陰影分離變形：圖層右鍵「創建圖層」將投影/內陰影分離為獨立圖層，可自由變形、蒙版、調透明度，實現真實接觸陰影。
7. 內發光做精細紋理：模式「正片疊底」、顏色深灰、大小 1-3px、雜色 10-20%，一鍵生成金屬拉絲/織紋微紋理。

介面操作效率鍵

10. 隱藏路徑：Ctrl+Shift+H 僅隱藏路徑，保留網格/參考線；Ctrl+H 隱藏所有輔助線。
11. 電子表格算縮略圖：iPad App 縮略圖尺寸/間距用 Excel 實時計算（提供 iPad-Grid-Calculator 下載），確保適配螢幕。
12. 腳本批量導出切圖：檔案 > 腳本 > 將圖層導出到文件，一鍵輸出所有圖層為 PNG。
13. 關閉圖層複製後綴與效果擴張：圖層面板選項取消「複製圖層添加『副本』後綴」與「複製時擴張圖層效果」，保持圖層面板乾淨。
14. Shift 旋轉 15° 倍數：自由變換時按 Shift 旋轉，自動吸附 15° 刻度。
15. 保存常用樣式：樣式面板新建樣式，命名語義化（如「NavBar/Active」、「Btn/Primary/Disabled」），跨專案複用。

協作與非破壞原則

16. 跨文檔拖拽圖層：移動工具 (V) 拖動圖層到目標文檔標籤頁，等切換後放入畫布，比複製貼上更保真。
17. 全域光設 90°：混合選項勾選「使用全域光」，所有斜面/投影/內發光統一光源，避免光影邏輯衝突。
18. 創建即命名：養成「新建圖層即命名」習慣（如 `btn/primary/default`、`icon/home/24px`），交付開發零整理成本。
19. 自定義快捷鍵：編輯 > 鍵盤快捷鍵，為高頻操作（如重命名 F2、轉智能物件、複製圖層樣式）設專屬快捷鍵。
20. 非破壞工作流：善用智能物件（濾鏡可改）、調整圖層（參數可改）、蒙版（像素不刪）、形狀圖層（向量不變），任何階段可回溯修改。

這 20 條訣竅不是教條，而是經過無數商業專案驗證的「減熵指南」。建議團隊將其整理為《PS 設計規範清單》，設計評審時逐項核對；新人入職首周必讀必練。工具熟練度不在於知道多少功能，而在於「為什麼這樣做、不那樣做會有什麼後果、如何用最小成本應對變更」。這才是資深設計師與初級設計師的本質分水嶺。