設(shè)計規(guī)范由何而來

伴隨著互聯(lián)網(wǎng)產(chǎn)業(yè)的飛速發(fā)展，各類App產(chǎn)品層出不窮。一款A(yù)PP產(chǎn)品動輒好幾十張頁面，此外，設(shè)計師還要針對不同的機(jī)型做設(shè)計稿尺寸的適配。單是Android就有多套尺寸，再加上iOS各類機(jī)型，設(shè)計師的工作量極大。但留給UI設(shè)計師的時間并不多，一般在2周左右，沒有設(shè)計規(guī)范是很難保質(zhì)保量完成任務(wù)的。

另外，在通常情況下，一個產(chǎn)品的設(shè)計往往不是由一個人包攬的，部分設(shè)計工作會分解給多位設(shè)計師協(xié)作完成。沒有一個共同的標(biāo)準(zhǔn)來制約，最終一定是各顯神通，千奇百怪。于是，設(shè)計規(guī)范由此而生。

設(shè)計規(guī)范的重要性

那么，設(shè)計規(guī)范對于團(tuán)隊來講，具體有哪些重要性呢：

• 一個公司的設(shè)計規(guī)范，從圖標(biāo)、按鈕到顏色、字體，無一不遵循著同一套準(zhǔn)則，往往能塑造整個品牌的調(diào)性；

• 設(shè)計規(guī)范的存在，保證了即便多成員參與項目，也能保持視覺的一致性，減少設(shè)計過程中的出錯率；

• 另外，設(shè)計規(guī)范使設(shè)計的迭代與交接更加無縫。設(shè)計同研發(fā)過程一樣，也需要不斷優(yōu)化、迭代。在這一過程中，規(guī)范的存在使每一階段的設(shè)計修改都有標(biāo)準(zhǔn)可參照，不會使更迭偏離整體風(fēng)格。

但是，隨著產(chǎn)品不斷更迭，各類設(shè)計資源難免愈加龐大。如何更加高效地管理品牌規(guī)范，并做到信息同步，這一直是產(chǎn)品設(shè)計團(tuán)隊面臨的難題。

摹客設(shè)計系統(tǒng)如何來解決？

摹客致力于為團(tuán)隊提供設(shè)計生產(chǎn)力、團(tuán)隊協(xié)作平臺，在此基礎(chǔ)上，加上“設(shè)計規(guī)范”這一環(huán)節(jié)，使團(tuán)隊的設(shè)計資源也能得到有效地管理，為產(chǎn)研團(tuán)隊的全流程護(hù)航。

在線資源庫，輕松管理設(shè)計規(guī)范

摹客提供了在線的設(shè)計資源庫，你的團(tuán)隊可以在網(wǎng)頁端共享一套設(shè)計規(guī)范。資源庫中包含顏色、文字、圖層樣式、組件、圖標(biāo)、圖片等分類，各個分類下的文字說明，參數(shù)定義和資源一起構(gòu)成了完整的設(shè)計規(guī)范。分類下可以自由創(chuàng)建多個分組，團(tuán)隊設(shè)計資源在這里可以得到非常清晰地排布和整理。

團(tuán)隊內(nèi)所有成員都能進(jìn)入資源庫，同步查看規(guī)范的內(nèi)容，實現(xiàn)了信息共享。

摹客設(shè)計系統(tǒng)的最佳搭檔：Sketch

借助摹客設(shè)計規(guī)范插件，國內(nèi)最主流的UI設(shè)計工具Sketch可以和摹客設(shè)計系統(tǒng)完美配合使用，發(fā)揮最大效率。

利用摹客設(shè)計規(guī)范插件，可以一鍵添加Sketch中的設(shè)計參數(shù)，比如顏色，字體，樣式等。在真實的工作環(huán)境中，團(tuán)隊可以邊設(shè)計邊創(chuàng)建規(guī)范，其他團(tuán)隊成員也能隨時獲取最新的規(guī)范信息，提高新項目的“開荒期”效率。

不僅如此，資源也可以通過插件，快速從Sketch中保存到摹客，或者從摹客反向應(yīng)用到Sketch的設(shè)計中。設(shè)計資源云端存儲，通過插件快速復(fù)用規(guī)范到設(shè)計稿中，在多人團(tuán)隊作業(yè)時，能感受到巨大的效率提升。

設(shè)計規(guī)范與項目高度關(guān)聯(lián)，再也不怕與開發(fā)對接

設(shè)計規(guī)范不僅對設(shè)計師非常重要，研發(fā)團(tuán)隊在開發(fā)過程中，同樣也會從規(guī)范中獲取一些定義好的變量名與組件代碼。

摹客設(shè)計系統(tǒng)是國內(nèi)唯一支持【開發(fā)變量名】同步顯示的產(chǎn)品。為了準(zhǔn)確顯示開發(fā)參數(shù)和變量信息，需要利用摹客的【設(shè)計規(guī)范關(guān)聯(lián)】功能。

設(shè)計師在設(shè)計資源庫中設(shè)定好對應(yīng)的變量名、組件代碼。工程師就立刻能在查看標(biāo)注時，同步獲取到這些信息。再也不需要費(fèi)時費(fèi)力去檢索開發(fā)文檔，糾結(jié)變量使用是否正確，大大減輕了工程師與設(shè)計交接時的負(fù)擔(dān)。

只要將設(shè)計項目與規(guī)范關(guān)聯(lián)好后，對應(yīng)的顏色變量、字體變量、組件代碼會對應(yīng)出現(xiàn)在屬性面板上，輕輕點擊就復(fù)制成功，工程師快速引用到自己的代碼中?？焖偬嵘O(shè)計師與工程師之間的對接效率，只需要一個「摹客設(shè)計系統(tǒng)」。

結(jié)語

團(tuán)隊設(shè)計資產(chǎn)云管理已是大勢所趨，對于繁雜的設(shè)計資源，摹客設(shè)計系統(tǒng)能有效做到集中管理，全員同步。為設(shè)計和開發(fā)團(tuán)隊消除低效環(huán)節(jié)，提升產(chǎn)品品質(zhì)，滿足團(tuán)隊從制定、應(yīng)用到管理設(shè)計規(guī)范的一系列需求。

歡迎你和你的團(tuán)隊前來體驗：app.mockplus.cn/?hmsr=wenbili