在B端產(chǎn)品設(shè)計(jì)過程當(dāng)中，好的設(shè)計(jì)規(guī)范能夠有效地幫助設(shè)計(jì)師提高工作效率。本文詳細(xì)介紹了落地設(shè)計(jì)規(guī)范，將之有效推廣的方法。最后對(duì)于設(shè)計(jì)師個(gè)人成長(zhǎng)與發(fā)展方面，在制定及梳理設(shè)計(jì)規(guī)范設(shè)計(jì)方面提出了建議。希望能對(duì)你有所幫助。

前面我們聊了B端設(shè)計(jì)規(guī)范的前面五個(gè)部分，包括：設(shè)計(jì)規(guī)范的基礎(chǔ)概述、如何開始整理設(shè)計(jì)規(guī)范、大廠設(shè)計(jì)規(guī)范推薦、詳細(xì)的創(chuàng)建設(shè)計(jì)規(guī)范方式及注意點(diǎn)、組件庫的內(nèi)容；

(資料圖片僅供參考)

那么接下來，我們來聊聊最后兩個(gè)部分，關(guān)于設(shè)計(jì)規(guī)范如何落地，以及在推廣設(shè)計(jì)規(guī)范期間，可以提升設(shè)計(jì)師的哪些個(gè)人能力？

一、設(shè)計(jì)規(guī)范落地不了的原因

組件擴(kuò)展性弱：有時(shí)候設(shè)計(jì)師做出來的組件雖然看著很好，但是實(shí)際上使用時(shí)，適配效率很低，用組件去擴(kuò)展和重新做的效率差不多。

脫離業(yè)務(wù)：

大部分時(shí)候設(shè)計(jì)師手中都有任務(wù)，于是這個(gè)任務(wù)就落在了相對(duì)不是那么忙的設(shè)計(jì)師手里（一般是新設(shè)計(jì)師），但是新設(shè)計(jì)了解業(yè)務(wù)相對(duì)來說是不夠的，做出來的東西就像是是空中樓閣，拋開業(yè)務(wù)談設(shè)計(jì)規(guī)范的都是很難落地的。

缺乏開發(fā)思維：

設(shè)計(jì)師不了解開發(fā)的實(shí)現(xiàn)方式，可能會(huì)做出來以后，開發(fā)較難實(shí)現(xiàn)，然后開發(fā)也就不會(huì)做。

缺少開發(fā)資源：首先，設(shè)計(jì)規(guī)范的作用是巨大而延遲的，不能即時(shí)產(chǎn)出很大的價(jià)值，另外一方面，設(shè)計(jì)規(guī)范的落地會(huì)增加開發(fā)工程師很多的工作量，且無法量化成果。這也導(dǎo)致很多時(shí)候設(shè)計(jì)師無法爭(zhēng)取到足夠的開發(fā)資源來做這件事，所以，很難導(dǎo)致達(dá)到預(yù)期的效果。

二、怎樣更好的落地設(shè)計(jì)規(guī)范？

設(shè)計(jì)師需要更加全面的了解產(chǎn)品及業(yè)務(wù)流程。

研究用戶：

前期需要做好用戶畫像，弄明白產(chǎn)品的目標(biāo)用戶的差異，不同用戶的使用場(chǎng)景。只有弄清楚各個(gè)角色的關(guān)系以及功能設(shè)計(jì)的邏輯，具體用戶年齡，解決什么問題，才可以產(chǎn)出更符合用戶需求的設(shè)計(jì)。

研究業(yè)務(wù)：

如果是新的產(chǎn)品，那就需要去詳細(xì)的看類似的競(jìng)品的功能及業(yè)務(wù)流，并且了解公司產(chǎn)品的定位及方向，所以就大致清楚設(shè)計(jì)的大方向。

研究產(chǎn)品：

系統(tǒng)整理產(chǎn)品情況，最好是做思維導(dǎo)圖形式，可以更好的梳理同類型的產(chǎn)品功能及組件，也就能更好的提高組件的復(fù)用性。

在制定規(guī)范前，需要明確產(chǎn)品中主要有哪幾種分類，將最基礎(chǔ)的分類定義好方便后續(xù)針對(duì)分類內(nèi)容進(jìn)行整理。

注意：B端產(chǎn)品與C端產(chǎn)品既有很多共同性也有很多很大的差異化，可以借鑒C端的設(shè)計(jì)規(guī)范，但是切忌生搬硬套C端的設(shè)計(jì)規(guī)范。

三、如何推給pm、推給設(shè)計(jì)團(tuán)隊(duì)、推給研發(fā)團(tuán)隊(duì)

團(tuán)隊(duì)溝通其實(shí)是一門藝術(shù)，那需要如何做呢？

首先，寫一份設(shè)計(jì)規(guī)范的價(jià)值的提案給領(lǐng)導(dǎo)，爭(zhēng)取到足夠的資源，包含設(shè)計(jì)資源、開發(fā)資源。如果領(lǐng)導(dǎo)的主導(dǎo)參與，那這個(gè)事情就好推動(dòng)多了。

然后，把設(shè)計(jì)規(guī)范的設(shè)計(jì)工作交給熟悉業(yè)務(wù)的設(shè)計(jì)師來做，通過業(yè)務(wù)提煉復(fù)用率高的典型元素，優(yōu)先開發(fā)，最大化投入產(chǎn)出比。

搭建設(shè)計(jì)規(guī)范和我們?nèi)粘Ｌ幚砉ぷ餍枨箢愃?，并非輸出一份文檔就結(jié)束了。我們還需要將做好的設(shè)計(jì)規(guī)范推廣給各個(gè)職能部門的同事包括設(shè)計(jì)小伙伴，PM和開發(fā)小伙伴的團(tuán)隊(duì)內(nèi)外，并且需要得到團(tuán)隊(duì)內(nèi)的一致認(rèn)可才算是初步完成。

召開專門的設(shè)計(jì)規(guī)范會(huì)議，以清晰明確且有效的方式把詳細(xì)的內(nèi)容傳達(dá)給各個(gè)相關(guān)人員，在一致認(rèn)可規(guī)范的情況下，以達(dá)到內(nèi)容的傳達(dá)到位。同時(shí)，這個(gè)時(shí)候，就可以依據(jù)開發(fā)人員的反饋，做落地的修改規(guī)范文檔。

利益點(diǎn)：提升協(xié)作效率，減少工作成本

在啟動(dòng)設(shè)計(jì)規(guī)范的整理之前，內(nèi)部宣講讓PM對(duì)于設(shè)計(jì)規(guī)范的搭建已經(jīng)有了一個(gè)基礎(chǔ)的概念。然后爭(zhēng)取到更多的開發(fā)資源。否則PM不會(huì)分配資源給予時(shí)間去搭建整體的設(shè)計(jì)規(guī)范。

可以從提升PM與設(shè)計(jì)的效率和降低原型搭建成本作為切入點(diǎn)，通過組件庫以及通用模版的搭建，PM只需要極低的成本學(xué)習(xí)一下組件庫怎么使用，即可搭建高保真的原型界面。甚至完善好組件庫后直接不需要設(shè)計(jì)的參與，開發(fā)通過原型組件庫搭建頁面。

利益點(diǎn)：提升設(shè)計(jì)效率，減少人力損耗，保持體驗(yàn)一致性

設(shè)計(jì)規(guī)范一般由團(tuán)隊(duì)內(nèi)小伙伴共同制定，基本上已經(jīng)對(duì)規(guī)范的優(yōu)勢(shì)達(dá)成共識(shí)。因此主要講講如何更好在團(tuán)隊(duì)內(nèi)部使用規(guī)范。

團(tuán)隊(duì)設(shè)定主要負(fù)責(zé)維護(hù)的設(shè)計(jì)人員，其他人員在設(shè)計(jì)時(shí)候，通過Sketch Library 共享組件庫可以直接調(diào)用組件，并建立更新日志規(guī)范項(xiàng)目流程提升效率，定期維護(hù)的時(shí)候其他人員統(tǒng)一告知負(fù)責(zé)維護(hù)的設(shè)計(jì)人員，統(tǒng)一定期修改更新升級(jí)維護(hù)。

利益點(diǎn)：封裝組件，更少的更改，提高驗(yàn)效率，縮短研發(fā)流程

需要研發(fā)團(tuán)隊(duì)認(rèn)可設(shè)計(jì)規(guī)范，前期前端的參與是必不可少的。

在制作規(guī)范時(shí)設(shè)計(jì)師了解了前端開發(fā)的一些簡(jiǎn)單原理，前端開發(fā)也能及時(shí)了解設(shè)計(jì)師的想法，大家不再是各司其職而是串聯(lián)起來共同協(xié)作，當(dāng)規(guī)范確認(rèn)下來前端就不會(huì)頻繁改動(dòng)組件，而且在有限的項(xiàng)目時(shí)間中。設(shè)計(jì)規(guī)范的統(tǒng)一極大縮短了設(shè)計(jì)和前端開發(fā)所需的時(shí)間，為后面的項(xiàng)目爭(zhēng)取了空間。

一套完整的規(guī)范包含內(nèi)容是非常多的，難以在1個(gè)版本迭代里面修改完。

因此可以采用敏捷開發(fā)的思想，小步迭代快速推進(jìn)，將設(shè)計(jì)規(guī)范的覆蓋放在每次迭代過程中。設(shè)計(jì)師需要將自己作為設(shè)計(jì)規(guī)范這個(gè)項(xiàng)目的產(chǎn)品經(jīng)理，針對(duì)現(xiàn)有的需求進(jìn)行拆分，并排出優(yōu)先級(jí)分版本迭代進(jìn)產(chǎn)品里面。

可以依據(jù)從大到小的原則進(jìn)行優(yōu)先級(jí)排序。對(duì)產(chǎn)品設(shè)計(jì)風(fēng)格影響大的先排，影響小的后排。

比如：設(shè)計(jì)準(zhǔn)則＞框架布局＞組件＞控件＞場(chǎng)景。

設(shè)計(jì)規(guī)范的制定不單單是對(duì)于設(shè)計(jì)師，在嵌入版本里面要隨時(shí)與產(chǎn)品和開發(fā)多溝通，以便達(dá)到更好的落地效果。

四、最后：關(guān)于設(shè)計(jì)師的個(gè)人成長(zhǎng)

接近1.5萬的文字梳理，感謝你看到了最后。接近尾聲了，制定及梳理設(shè)計(jì)規(guī)范對(duì)于設(shè)計(jì)師來說個(gè)人成長(zhǎng)有哪些方面呢？我個(gè)人覺得可以從這幾個(gè)方面來說；

通過整理規(guī)范，需要收集目標(biāo)用戶，使用場(chǎng)景、前期調(diào)研、產(chǎn)品功能梳理等眾多資料，這期間我們需要去發(fā)現(xiàn)信息以及整理信息。龐大的信息收集，那對(duì)于個(gè)人的收集整理信息的能力是一個(gè)很好的提升，同時(shí)對(duì)產(chǎn)品會(huì)有更全面的認(rèn)識(shí)。

將收集好的信息進(jìn)行分類整理，這要求需要一定對(duì)邏輯性。在設(shè)計(jì)基礎(chǔ)框架時(shí)合理對(duì)分類可以協(xié)助我們處理好每個(gè)控件對(duì)層級(jí)，這項(xiàng)能力無論實(shí)在工作還是日常中都有著巨大對(duì)好處，可以幫助我們從一堆繁雜的事物中“提綱挈領(lǐng)”，換言之就是“化整為零”，做減法，提取出最關(guān)鍵對(duì)因素。

將信息歸納整理好后，需要對(duì)全局進(jìn)行思考，全局的設(shè)計(jì)及交互都需要考慮到位，比如什么情況下適合跳轉(zhuǎn)頁面，什么情況下適合給與用戶彈窗。

大體符合什么交互原則。除了對(duì)大體交互需要考慮到位，細(xì)節(jié)上也不可以忽視，比如異常情況，極端情況該如何去處理，組件之間該怎么去配合等。在日常工作中我們也可以逐漸有意識(shí)去培養(yǎng)此類技能，對(duì)項(xiàng)目全局思考的越多，那么對(duì)整體項(xiàng)目對(duì)把控能力也就越強(qiáng)，與他人合作也會(huì)越顯得專業(yè)。

在整個(gè)推廣設(shè)計(jì)規(guī)范的過程，就是提升溝通表達(dá)能力的過程。另外，整理設(shè)計(jì)規(guī)范時(shí)，難免會(huì)遇到模凌兩可舉棋不定的時(shí)候。此時(shí)可以尋求向上或者向下的資源尋求幫助，具備良好的表達(dá)能力能迅速幫助我們將問題闡述清楚，表達(dá)能力是設(shè)計(jì)師需要具備的重要技能之一。

我們每次在求助他人或向他人匯報(bào)，都需要在全面復(fù)盤問題過后做到心里有數(shù)，將問題自己復(fù)述一次是否有漏洞或者沒考慮清楚的地方。長(zhǎng)此以往你表達(dá)的事情會(huì)更清晰，別人也更容易聽懂你說的事情快速理解內(nèi)在邏輯，那么說服別人推動(dòng)工作的難度也會(huì)越小。

同事對(duì)自己的邏輯思維，表達(dá)能力都是很好的鍛煉。這里總結(jié)了幾個(gè)工作中與上下游溝通的小技巧希望能幫助到小伙伴們：

在開始與他人溝通之前我們需要搞清楚我們溝通的原因與對(duì)象。

原因里面包含：

對(duì)象里面包含：

當(dāng)然在溝通時(shí)還需要考慮方式和語氣，這些都需要好后斟酌。如果遇到情緒不太好的開發(fā)，這個(gè)時(shí)候反倒我們更不能將情緒激化，一般這些情緒化對(duì)態(tài)度過一會(huì)都會(huì)消散，可以采取冷處理等情緒過后換一種方式溝通看看。

五、總結(jié)

很高興你看到了這里，努力成長(zhǎng)的你并不孤單，最后我們來復(fù)盤一下吧～

文章開頭我們梳理了設(shè)計(jì)規(guī)范的概念理論，包含：設(shè)計(jì)規(guī)范的常規(guī)理論概念、為什么要制定設(shè)計(jì)規(guī)范、為什么要制定自己的設(shè)計(jì)規(guī)范，什么階段適合建立設(shè)計(jì)規(guī)范。

第二部分，我們?cè)陂_始準(zhǔn)備整理設(shè)計(jì)規(guī)范要明確知道設(shè)計(jì)規(guī)范包含的框架內(nèi)容。

第三部分，整理了現(xiàn)在市場(chǎng)上的常規(guī)的第三方組件庫，文章末尾有大廠設(shè)計(jì)規(guī)范領(lǐng)取喲！

第四部分，詳細(xì)的梳理了b端設(shè)計(jì)規(guī)范的框架內(nèi)容及注意點(diǎn)。

第五部分，基于組件庫在設(shè)計(jì)規(guī)范的重要性，單獨(dú)把組件庫拎出來詳細(xì)分析了組件庫。

第六部分，將規(guī)范當(dāng)作一個(gè)項(xiàng)目去執(zhí)行落地，設(shè)計(jì)規(guī)范的用戶群體就是團(tuán)隊(duì)的內(nèi)部人員，讓用戶高效獲取信息是規(guī)范本身存在的意義，在設(shè)計(jì)規(guī)范時(shí)需要及時(shí)溝通確保落地實(shí)現(xiàn)，并針對(duì)用戶角色不同進(jìn)行定制。

最后，分享了一下做設(shè)計(jì)規(guī)范對(duì)個(gè)人的一些能力提升，包含收集信息能力，歸納總結(jié)能力，全面復(fù)盤能力，表達(dá)能力，溝通能力等。

本次的這里就結(jié)束了，希望可以對(duì)大家有幫助。

本文由 @三原設(shè)計(jì) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash ，基于 CC0 協(xié)議

該文觀點(diǎn)僅代表作者本人，人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。