建立專業 PS 工作流規範,涵蓋三大維度:
一、文件管理
- 單一 PSD 管理同頁面多狀態(圖層組/圖層佈局控制顯隱),避免多檔混亂。
- 語義化命名:「頁面層級_頁面內容_子層級_內容」(如 8_購物_4_商品信息),下劃線分隔,禁用駝峰/空格。
- 迭代備份:大改版建立日期資料夾(如 140510),內含輸出圖+精簡 PSD(刪隱藏圖層、壓縮),體積減 50~90%。
- UI 元件模板化、雲端同步更新附變更說明。
二、圖層管理
- 嚴禁「圖層 1 副本」等無語義命名;面板選項關閉「複製後綴」。
- 合理分組,順序遵循「上下對應視覺、新舊對應時間、位置相鄰圖層相鄰」。
- 圖層佈局記錄狀態,缺點:不記錄順序、刪圖層報警;推薦外掛 Composer 輔助(不支援 CC 2014 以上)。
- 存檔前手動刪除無用圖層,避免誤刪隱藏狀態圖層。
三、視覺規範
- 禁強行拉伸,保持矢量、變形按比例;推薦圓角外掛 CornerEditor。
- 參考線系統化:外邊距、模組分塊、元素間距;外掛 GuideGuide 批量建線。
- 描邊優先用「內描邊」保持銳利直角。
- 非破壞性設計:智能物件、蒙版、剪貼組、調整圖層;慎用過多智能物件影響效能。
文末附圖層面板左下角雙數字解讀(拼合大小/當前大小),幫助監控檔案體積。持續更新中,歡迎共建。