過去幾個月里，優(yōu)秀原型工具提供者摹客（Mockplus）團隊于在端午節(jié)前，發(fā)布了國內(nèi)獨家設(shè)計系統(tǒng)，致力于定制設(shè)計規(guī)范。這對于國內(nèi)的產(chǎn)品設(shè)計行業(yè)而言，無疑是一種設(shè)計和開發(fā)領(lǐng)域激動人心的轉(zhuǎn)變，而摹客，也無疑是走在了前面。

但其實設(shè)計規(guī)范早已經(jīng)不是一個全新的概念了。如果你正好有參與互聯(lián)網(wǎng)公司的產(chǎn)品設(shè)計，我想你已經(jīng)能夠體會到設(shè)計規(guī)范的重要性了。UI設(shè)計師總是要花費大量的時間和精力向開發(fā)描述一大堆設(shè)計細(xì)節(jié)，但是產(chǎn)品最后呈現(xiàn)的樣子仍舊和原本的預(yù)期大相徑庭。而對于一些甚至沒有專門設(shè)立交互設(shè)計師和UI設(shè)計師的互聯(lián)網(wǎng)公司或團隊，產(chǎn)品經(jīng)理更是會被五花八門的設(shè)計搞的焦頭爛額…… 

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

基于這樣的現(xiàn)狀，摹客設(shè)計系統(tǒng)可以說是一種應(yīng)運而生。摹客設(shè)計系統(tǒng)帶來的設(shè)計規(guī)范定制和管理，是設(shè)計的統(tǒng)一、規(guī)范和一致性。

如果你需要了解和學(xué)習(xí)設(shè)計規(guī)范，這里有你不可不知的三件事。

第一、高效管理設(shè)計規(guī)范至關(guān)重要

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

那么，如何高效系統(tǒng)的管理設(shè)計規(guī)范呢？

1.合理歸類

制定良好設(shè)計規(guī)范的第一步就是合理歸類。你需要先明確你需要整理的內(nèi)容有哪些，這些內(nèi)容的分類又該怎樣呈現(xiàn)。比如在摹客設(shè)計系統(tǒng)中，你可以建立多個庫、分類和子分類來進(jìn)行管理，每個庫里包含2大類資源分類，第一類是文件類資源，其包含Logo、圖片、圖標(biāo)、組件、字體；第二類是編輯類資源，包括顏色、度量、標(biāo)準(zhǔn)字、陰影?；緷M足了設(shè)計師的多種設(shè)計類型需求。

2.劃分任務(wù)優(yōu)先級

一套規(guī)范所包含的內(nèi)容非常多，為了提升整體效率，需要劃分任務(wù)的優(yōu)先級，你需要搞清楚哪些是最重要的，是必須先做的，哪些又是可以放在后期更進(jìn)的。比如說，整體的風(fēng)格需要先確定，這是一個高層面的指導(dǎo)，只有先確定了風(fēng)格和框架，設(shè)計細(xì)節(jié)才能慢慢打磨和推敲。

3.合理分工

制訂一套規(guī)范靠團隊中的一兩個人是無法完成的，這是整個團隊的事。一方面，分工可以減少工作量，加快進(jìn)度；另一方面，多人參與更有利于收集意見。

這種需要多人參與的設(shè)計規(guī)范制定，需要有優(yōu)化的共享平臺和協(xié)作方式。比如在摹客設(shè)計系統(tǒng)中，就有高效的團隊協(xié)作，團隊中的成員均可分享設(shè)計資源并遵守設(shè)計規(guī)范。你可以創(chuàng)建自己的團隊，邀請成員，設(shè)置團隊成員角色和權(quán)限，各司其職，高效管理，進(jìn)行協(xié)作設(shè)計。成員還可以在Mockplus和Sketch等系統(tǒng)對接工具上，將設(shè)計元素上傳到設(shè)計系統(tǒng)形成規(guī)范，再讓整個團隊分享和利用這些通用資源進(jìn)行快速設(shè)計。當(dāng)然，你也可以一鍵分享設(shè)計規(guī)范給團隊其他成員。

4.制定規(guī)范，保持設(shè)計一致性

在確立了任務(wù)優(yōu)先級和成員分工之后，就需要制定規(guī)范開工了。這就是一個比較長而艱難的過程了，你需要弄明白設(shè)計師在各自的任務(wù)里如何交接，何時碰頭等等問題。在這之前，你還需要知道規(guī)則本身需要用來做什么，規(guī)則本身的原則有哪些，輸出的內(nèi)容又需要哪些等等。

5.輸出和優(yōu)化

一個規(guī)范可能不僅僅是用于設(shè)計師之間，還需要對接開發(fā)，交付給你的老板以及第三方工作人員。因此規(guī)范的輸出也是至關(guān)重要的。在摹客設(shè)計系統(tǒng)中，針對團隊內(nèi)成員，你可以一鍵分享設(shè)計規(guī)范，對于開發(fā)人員，你可以導(dǎo)出CSS、SCSS、LESS，應(yīng)用到前端開發(fā)。當(dāng)然，你還可以導(dǎo)出各類版式的設(shè)計規(guī)范圖（UI Style Guide），用于更多的交付對象。

不管是哪類的輸出，都需要滿足能夠在規(guī)范中快速的找到設(shè)計的指導(dǎo)信息的要求，并且在產(chǎn)品過程中，更新，優(yōu)化，滿足這樣要求的規(guī)范，才是真正具有指導(dǎo)意義的。

第二、設(shè)計規(guī)范是活的、動態(tài)迭代的發(fā)展?fàn)顟B(tài)過程

互聯(lián)網(wǎng)產(chǎn)品的迭代速度真的是太快了，迭代和變化是一種常態(tài)。因此，沒有一套設(shè)計規(guī)范可以是靜止的，不變的，這個在哲學(xué)的層面上也是一種真理的存在。如果你還在試圖編寫一套萬能的規(guī)范，這是不可能的。這一點你首先在本質(zhì)上需要有正確的認(rèn)識。

設(shè)計規(guī)范其實是一種動態(tài)的流程，是一個活的、動態(tài)迭代的發(fā)展過程。它應(yīng)該是可以不斷優(yōu)化的，迭代的，可維護的，具有發(fā)展性的。

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

其次，對于設(shè)計團隊而言，輸出一套規(guī)范的規(guī)范并不是最后的歸屬，規(guī)范它應(yīng)該具有更多的用途才能實現(xiàn)價值。在整個產(chǎn)品過程中，規(guī)范也只是一個必要的工作流程的一個部分。這個完整的工作流程還包括如何協(xié)調(diào)平臺，如何協(xié)調(diào)開發(fā)，如何協(xié)調(diào)產(chǎn)品等等，最終目的，是產(chǎn)品用戶體驗的持續(xù)優(yōu)化。

這一點在摹客設(shè)計系統(tǒng)中也是有跡可循的，一套規(guī)范可以在云端進(jìn)行管理，可以在編輯后自動更新，可以通過對接Mockplus和Sketch加以利用，并在使用中及時接收反饋，每一個組件，每一個icon，每一個圖標(biāo)，都不是死的，都是活的，可利用的。此外，摹客設(shè)計系統(tǒng)還有實時推送資源的功能。

第三、設(shè)計規(guī)范服務(wù)于快速設(shè)計

規(guī)范不等同于標(biāo)注，不是一個固定的說明，一個好的規(guī)范應(yīng)該是一個設(shè)計方向和基本參數(shù)的統(tǒng)一。在這種規(guī)范的“束縛”下，優(yōu)秀的設(shè)計師總是可以最大限度的利用可擴展性，做出優(yōu)秀的設(shè)計方案，并且可以用于到設(shè)計中，這是真事。

不管是建立規(guī)范，還是在迭代中繼續(xù)完善已經(jīng)存在的設(shè)計，設(shè)計規(guī)范只是一種有效的方法來為你的設(shè)計服務(wù)。因此規(guī)范本身不應(yīng)該是一個獨立的系統(tǒng)，它應(yīng)該是和工具相對接的。做出來的規(guī)范如何投入使用，如何才能服務(wù)于設(shè)計，服務(wù)于產(chǎn)品，完成產(chǎn)品體驗的不斷優(yōu)化，這才是關(guān)鍵點。

在摹客設(shè)計系統(tǒng)中，對接的設(shè)計工具是Mockplus和Sketch。Mockplus是更快更簡單的原型設(shè)計工具，而Sketch是一個高效的矢量圖工具。在摹客設(shè)計系統(tǒng)中，可以實現(xiàn)設(shè)計資源的應(yīng)用、上傳和推送。也就是說，你可以在Mockplus和Sketch中制作和上傳設(shè)計資源，再讓整個團隊分享和利用這些通用資源進(jìn)行快速設(shè)計。而應(yīng)用決策也很簡潔，只需鼠標(biāo)拖拽或者點擊即可應(yīng)用。這對于快速設(shè)計的需求，是極有利的。

以上就是我對于設(shè)計規(guī)范的一些理解，希望能讓你有所收獲。如果所在的團隊還沒有開始進(jìn)行設(shè)計規(guī)范，我的一個建議是可以嘗試一下摹客設(shè)計系統(tǒng)，它不僅是國內(nèi)獨家設(shè)計系統(tǒng)，它所能給你帶來的價值，也許會超乎你的預(yù)料。