如何產出設計師、產品經理、工程師都能用得上的設計規範？手淘設計總監奇維（前騰訊 CDC、手機 QQ 主設計師）以手淘 2015 規範優化實戰為例，拆解規範本質與落地方法論。

痛點：規範淪為「裝飾品」

• 制定者：為晉升鋪排面、項目外產出產物。
• 使用者：查閱麻煩、更新不透明、內容不嚴謹、不敢質疑大神權威。
• 協作者（PM/工程）：規範限制業務發揮、執行成本高、負面情緒重。
• 結果：設計師夾在業務與規範間疲於奔命，質疑規範價值。

核心釐清：規範三問

1. 設定規範為解決什麼問題？

區分系統級規範（iOS/Android/微信/支付寶錢包）與產品級規範（手機淘寶）。
- 系統級：開放生態，用設計語言引導組件化，確保生態一致體驗。
- 產品級：團隊完整、品牌可控、業務已知，**核心目標是「匹配業務訴求多樣性」與「提升團隊協作效率」**，而非引導建議。

2. 主要滿足誰的訴求？

實際上產品級規範主要服務不同階段、不同能力的設計師。PM 需業務背景說明而非執行細節；工程有組件庫調用無需閱讀規範。規範文檔大而全反而降低可讀性，造成跨角色定義標準不一致。

3. 如何呈現最終樣式？

過往參照系統級規範拆解為組件，導致設計師仍需思考如何組合。產品級規範首要考慮「使用效率」，其次才是沉澱傳播。採用 UIKit 形式：將組件組合為「內容模組」，細分「高頻業務場景」，產出完整源文件（Sketch/Figma）。設計師拖拽模組快速搭建介面，填充實際文案/圖片/Icon，制定者同步更新源文件即可。

壽桃（手淘）設計規範三層架構

設計語言：三大關鍵詞

• 自然：模擬自然界物理規則，無論擬物/扁平，視覺效果符合普世認知。
  
• 有序：業務間統一連續原則，利用無線端橫向固定優勢，內容組合不按比例增加複雜度。
  
• 無痕：設計與技術匹配，去除無用修飾，呈現必要資訊，逐步轉為代碼組件無縫對接。
  

素材庫：三層分級

• 基礎產品素材庫：手淘通用視覺元素（商品單圖/雙圖/信息流等）。
• 接入素材庫：外部團隊接入業務，在基礎庫上擴展精細化內容。
• 模組素材庫：跨業務通用完整模組（商品評價、資訊詳情等）。

設計師日常：選模組 → 填實際內容。交互設計師可直接輸出視覺稿。

指南：原理沉澱

記錄顏色/文字/熱區/圖文版式/組件用法的設計決策依據。用產品真實場景案例說明，迭代中持續完善。比系統級規範更聚焦、更易懂。

結語：規範的正確姿勢

• 規範給願意用的人用，否則遇到問題成謎題。
• 規範非萬能，透過解決問題提升體驗審美，而非單純追求體驗審美。
• 規範非常態，隨產品迭代與時俱進。
• 制定者不可被規範綁架，設定與需求衝突時，以用戶自然體驗為準。