在 Photoshop 中設計 iOS 介面（及通用 UI），效率與品質同樣重要。本文彙總 22 條實戰驗證的核心技巧，涵蓋像素網格對齊、混合模式規範、漸變靈活控制、陰影分離操作、智能對象非破壞流程、圖層命名規範、資源自動導出等全鏈路關鍵點。Windows 快捷鍵標註，Mac 用戶請將 Ctrl→Cmd、Alt→Opt。

22 條 iOS 設計鐵律

1. 保持尺寸為偶數 —— 縮圖不模糊的根本

Retina 設計縮小至標準分辨率時，所有尺寸、距離必須為偶數，才能保證 1x 圖像素完美。設定：編輯 > 首選項 > 參考線/網格/切片，網格線間隔 64px、子網格 32px，實現 2px 基礎網格單位。

2. 疊加效果混合模式統一用「正常」

直接疊加於其他元素上的效果（投影、外發光等），混合模式必須用「正常」。其他模式在 PS 內預覽正常，但導出 PNG 後會異常渲染。

3. 靈活變換漸變顏色的兩種方法

不想重設漸變端點顏色？兩種等效方案：
法一：漸變圖層混合選項中用「顏色疊加」
法二：純色圖層上用「漸變疊加」
譯者補充：剪切蒙版比矢量蒙版操作更簡單。

4. 善用徑向漸變豐富導航欄層次

導航條疊加徑向漸變層增加視覺深度。
法一：徑向漸變工具直接繪製
法二：圖層樣式「斜面和浮雕」模擬徑向光照，參數微調更靈活

5. 陰影分離變形 —— 打破「效果綁定圖層」的限制

圖層樣式中的陰影（及其他效果）可通過「圖層 > 圖層樣式 > 建立層」分離為獨立圖層，隨後可自由變形、模糊、蒙版、調整不透明度，實現極致靈活的陰影設計。

6. 內發光快速添加精細紋理

內發光效果可快速為按鈕、卡片等元素增添細膩紋理質感，參數靈活可控。

7. 隱藏路徑解決 CS6 選中形狀層路徑常駐顯示問題

Ctrl+H 隱藏所有輔助線（路徑/網格/參考線），Ctrl+Shift+H 僅隱藏路徑。

8. 對齊像素網格 —— CS6 神級功能

Ctrl+K 開啟首選項，勾選「將矢量工具與變換與像素網格對齊」。CS5 僅形狀對齊，CS6 連自由變換也對齊，徹底解決半像素模糊問題。

9. 電子表格計算縮略圖佈局尺寸

大量縮略圖佈局時，用 Excel 即時計算尺寸間距與屏幕適配性。提供「iPad Grid Calculator」下載（含 6×6/5×5/4×4/3×3 四表）。

10. 腳本自動導出圖層為資源文件

檔案 > 腳本 > 將圖層導出到檔案，批量輸出圖層為獨立圖片，免去手動切圖之苦。

11. 關閉複製圖層自動加「副本」後綴與效果擴張

圖層面板選單 → 面板選項 → 取消勾選「複製圖層時添加『副本』」與「圖層效果隨縮放」，保持圖層名稱乾淨、效果不變形。

12. Shift 鍵 15° 步長精確旋轉

自由變換時按住 Shift，旋轉角度以 15° 為步長對齊。

13. 樣式面板儲存常用樣式

將重複使用的圖層樣式存入樣式面板，避免重複複製貼上參數。

14. 兩開文件間拖拽移動圖層

V 選中移動工具 → 選中圖層 → 在畫布按住左鍵拖動到目標文件標籤 → 切換文件後拖入鬆開。

15. 設定全局光 90° 統一光照邏輯

光源角度 90° 時高光陰影最自然。混合選項中勾選「使用全局光」，或圖層 > 圖層樣式 > 使用全局光統一設定。

16. 建立圖層即命名的習慣

交付開發前整理命名極其痛苦，不如創建時同步命名，養成肌肉記憶。

17. 自定義高頻操作快捷鍵

統計高頻操作（如重命名圖層 F2、轉換為智能對象等），編輯 > 鍵盤快捷鍵 分鍵，效率指數級提升。

18. 徑向漸變 + 內發光 = 立體質感

純徑向漸變偏扁平，嘗試作為背景並搭配內發光強化邊緣質感。

19. 堅持非破壞性編輯工作流

善用智能對象與調整圖層，反覆編輯同一元素時大幅減少返工痛苦。

20. 重大修改前備份文件

防止誤存、意外關閉導致歷史記錄丟失，備份是底線思維。

21. 快捷鍵填色形狀/文字圖層

Alt+Delete（前景色）、Ctrl+Delete（背景色）同樣適用於形狀層與文字層。

22. 投影/內陰影尺寸值也必須為偶數

延續第 1 條：圖層效果中的「大小」參數同樣需為偶數，否則任何解析度下邊緣都會模糊或不對稱。

總結

這 22 條鐵律不僅適用於 iOS 設計，更是專業 UI 設計師在 Photoshop 中建立高效、標準化、協作友好工作流的通用準則。建議逐條檢視當前工作流缺口，逐個擊破內化為習慣。