過去幾個月裡，優秀原型工具提供者摹客（Mockplus）團隊於在端午節前，釋出了國內獨家設計系統，致力於定製設計規範。這對於國內的產品設計行業而言，無疑是一種設計和開發領域激動人心的轉變，而摹客，也無疑是走在了前面。

但其實設計規範早已經不是一個全新的概念了。如果你正好有參與網際網路公司的產品設計，我想你已經能夠體會到設計規範的重要性了。UI設計師總是要花費大量的時間和精力向開發描述一大堆設計細節，但是產品最後呈現的樣子仍舊和原本的預期大相徑庭。而對於一些甚至沒有專門設立互動設計師和UI設計師的網際網路公司或團隊，產品經理更是會被五花八門的設計搞的焦頭爛額…… 

以上的情景我想你應該不會感到陌生吧，這種沒有規範的不一致性設計，就好比是一盤不受控制的散沙，難以打造成鋼筋水泥，長成高樓從林。沒有設計規範的指導，將會大幅增加時間消耗和溝通成本，減慢創新速度，最終造成使用者困擾，惡化使用者體驗。

基於這樣的現狀，摹客設計系統可以說是一種應運而生。摹客設計系統帶來的設計規範定製和管理，是設計的統一、規範和一致性。

如果你需要了解和學習設計規範，這裡有你不可不知的三件事。

第一、高效管理設計規範至關重要

這裡我首先要講，無論你所在的設計團隊是基於大企業還是小公司，設計的一致性問題都是至關重要的。對於大公司而言，產品發展相對比較平穩，品牌定位和形象都已近接近具體化，在這種情況下，參與設計的人員必然會便隨產品體系的增大而增加，而一致性的問題就會愈發凸顯出來；而小公司或是創業公司，如果沒有一個統一的設計規範管理，對於品牌定位的建設是很難做起來的，並且，還可能帶來超額的時間和資金成本。

那麼，如何高效系統的管理設計規範呢？

1.合理歸類

制定良好設計規範的第一步就是合理歸類。你需要先明確你需要整理的內容有哪些，這些內容的分類又該怎樣呈現。比如在摹客設計系統中，你可以建立多個庫、分類和子分類來進行管理，每個庫裡包含2大類資源分類，第一類是檔案類資源，其包含Logo、圖片、圖示、元件、字型；第二類是編輯類資源，包括顏色、度量、標準字、陰影。基本滿足了設計師的多種設計型別需求。

2.劃分任務優先順序

一套規範所包含的內容非常多，為了提升整體效率，需要劃分任務的優先順序，你需要搞清楚哪些是最重要的，是必須先做的，哪些又是可以放在後期更進的。比如說，整體的風格需要先確定，這是一個高層面的指導，只有先確定了風格和框架，設計細節才能慢慢打磨和推敲。

3.合理分工

制訂一套規範靠團隊中的一兩個人是無法完成的，這是整個團隊的事。一方面，分工可以減少工作量，加快進度；另一方面，多人蔘與更有利於收集意見。

這種需要多人蔘與的設計規範制定，需要有優化的共享平臺和協作方式。比如在摹客設計系統中，就有高效的團隊協作，團隊中的成員均可分享設計資源並遵守設計規範。你可以建立自己的團隊，邀請成員，設定團隊成員角色和許可權，各司其職，高效管理，進行協作設計。成員還可以在Mockplus和Sketch等系統對接工具上，將設計元素上傳到設計系統形成規範，再讓整個團隊分享和利用這些通用資源進行快速設計。當然，你也可以一鍵分享設計規範給團隊其他成員。

4.制定規範，保持設計一致性

在確立了任務優先順序和成員分工之後，就需要制定規範開工了。這就是一個比較長而艱難的過程了，你需要弄明白設計師在各自的任務裡如何交接，何時碰頭等等問題。在這之前，你還需要知道規則本身需要用來做什麼，規則本身的原則有哪些，輸出的內容又需要哪些等等。

5.輸出和優化

一個規範可能不僅僅是用於設計師之間，還需要對接開發，交付給你的老闆以及第三方工作人員。因此規範的輸出也是至關重要的。在摹客設計系統中，針對團隊內成員，你可以一鍵分享設計規範，對於開發人員，你可以匯出CSS、SCSS、LESS，應用到前端開發。當然，你還可以匯出各類版式的設計規範圖（UI Style Guide），用於更多的交付物件。

不管是哪類的輸出，都需要滿足能夠在規範中快速的找到設計的指導資訊的要求，並且在產品過程中，更新，優化，滿足這樣要求的規範，才是真正具有指導意義的。

第二、設計規範是活的、動態迭代的發展狀態過程

網際網路產品的迭代速度真的是太快了，迭代和變化是一種常態。因此，沒有一套設計規範可以是靜止的，不變的，這個在哲學的層面上也是一種真理的存在。如果你還在試圖編寫一套萬能的規範，這是不可能的。這一點你首先在本質上需要有正確的認識。

設計規範其實是一種動態的流程，是一個活的、動態迭代的發展過程。它應該是可以不斷優化的，迭代的，可維護的，具有發展性的。

這個可以從兩個方面理解，首先，規則本身具有可優化的可能性，你需要不斷的更新，在新舊之間做出取捨，但又不至於說全部的規範都重頭來過一遍，沒有那麼多的時間和精力。這個和上面所講的規範的管理大有關係，管理的一個意義就是用於更新時可以便捷，迅速，高效。

其次，對於設計團隊而言，輸出一套規範的規範並不是最後的歸屬，規範它應該具有更多的用途才能實現價值。在整個產品過程中，規範也只是一個必要的工作流程的一個部分。這個完整的工作流程還包括如何協調平臺，如何協調開發，如何協調產品等等，最終目的，是產品使用者體驗的持續優化。

這一點在摹客設計系統中也是有跡可循的，一套規範可以在雲端進行管理，可以在編輯後自動更新，可以通過對接Mockplus和Sketch加以利用，並在使用中及時接收反饋，每一個元件，每一個icon，每一個圖示，都不是死的，都是活的，可利用的。此外，摹客設計系統還有實時推送資源的功能。

第三、設計規範服務於快速設計

規範不等同於標註，不是一個固定的說明，一個好的規範應該是一個設計方向和基本引數的統一。在這種規範的“束縛”下，優秀的設計師總是可以最大限度的利用可擴充套件性，做出優秀的設計方案，並且可以用於到設計中，這是真事。

不管是建立規範，還是在迭代中繼續完善已經存在的設計，設計規範只是一種有效的方法來為你的設計服務。因此規範本身不應該是一個獨立的系統，它應該是和工具相對接的。做出來的規範如何投入使用，如何才能服務於設計，服務於產品，完成產品體驗的不斷優化，這才是關鍵點。

在摹客設計系統中，對接的設計工具是Mockplus和Sketch。Mockplus是更快更簡單的原型設計工具，而Sketch是一個高效的向量圖工具。在摹客設計系統中，可以實現設計資源的應用、上傳和推送。也就是說，你可以在Mockplus和Sketch中製作和上傳設計資源，再讓整個團隊分享和利用這些通用資源進行快速設計。而應用決策也很簡潔，只需滑鼠拖拽或者點選即可應用。這對於快速設計的需求，是極有利的。

以上就是我對於設計規範的一些理解，希望能讓你有所收穫。如果所在的團隊還沒有開始進行設計規範，我的一個建議是可以嘗試一下，它不僅是國內獨家設計系統，它所能給你帶來的價值，也許會超乎你的預料。