看上去復(fù)雜的規(guī)范，其實(shí)都可以抽離出同一套編寫(xiě)思路，不管你寫(xiě)的是哪一類(lèi)規(guī)范（比如組件規(guī)范、動(dòng)效規(guī)范、Banner 視覺(jué)規(guī)范等 ）都可以嘗試分為以下幾個(gè)步驟：

1. 定義通用原則

2. 定義事件特點(diǎn)

3. 定義特殊場(chǎng)景

4. 其它內(nèi)容補(bǔ)充

一、定義通用原則

通用原則會(huì)為你的使用者提供評(píng)價(jià)內(nèi)容設(shè)計(jì)好壞、質(zhì)量高低的衡量標(biāo)準(zhǔn)，定義整體設(shè)計(jì)的大方向，也會(huì)幫助使用者決策，判斷什么該做、什么不該做。

案例：

以編寫(xiě)「Banner 的設(shè)計(jì)風(fēng)格」規(guī)范為例，規(guī)范中的某兩條內(nèi)容如下：

– 契合語(yǔ)義：Banner 中的元素需要與文字語(yǔ)義契合，并對(duì)重點(diǎn)內(nèi)容做強(qiáng)化和引導(dǎo)；

– 樣式簡(jiǎn)潔：以不過(guò)于吸引視線(xiàn)為標(biāo)準(zhǔn)，形狀不可過(guò)于復(fù)雜，面積不要過(guò)大，符合 XXXX 行業(yè)的風(fēng)格特征。

經(jīng)驗(yàn)：

1. 通常總結(jié)出關(guān)鍵的 2-5 條即可，內(nèi)容在精不在多；語(yǔ)言精練，易記、易理解很重要。

2. 這些原則是最基礎(chǔ)、通用的判斷標(biāo)準(zhǔn)，在編寫(xiě)的過(guò)程中要結(jié)合實(shí)際情況，使之具備真實(shí)有效的指導(dǎo)性。

3. 形式要從簡(jiǎn)。寫(xiě)規(guī)范不是為了彰顯設(shè)計(jì)價(jià)值，而是為了統(tǒng)一和更正他人的設(shè)計(jì)行為，因此形式要追隨功能，侃侃而談和花里胡哨的排版都要慎用，切忌舍本逐末。

二、定義事件特點(diǎn)

接下來(lái)你需要對(duì)所要規(guī)范的事件本身進(jìn)行描述，包括事件的特征、狀態(tài)、使用方式等細(xì)節(jié)。這就需要你對(duì)于事件本身進(jìn)行有邏輯的拆解和分類(lèi)，你可以按照設(shè)計(jì)流程或者組成事件的框架結(jié)構(gòu)來(lái)進(jìn)行描述。

案例：

以編寫(xiě)「Banner 的設(shè)計(jì)風(fēng)格」規(guī)范為例，你可以按照 Banner 的設(shè)計(jì)產(chǎn)出流程，從 Banner 的構(gòu)成框架、圖案樣式、文案規(guī)范、色彩規(guī)范、輸出文件格式等方面，對(duì)其進(jìn)行詳細(xì)描述，這些內(nèi)容就是你對(duì)于設(shè)計(jì)產(chǎn)出的基礎(chǔ)要求和限制。

經(jīng)驗(yàn)：

1. 通常來(lái)說(shuō)你不需要從 0-1 來(lái)定義這部分內(nèi)容，而是可以借鑒現(xiàn)有行業(yè)中已被廣泛認(rèn)可的設(shè)計(jì)原理和法則（比如視覺(jué)原則就有：視差規(guī)律、情感化設(shè)計(jì)、費(fèi)茲定律等等），來(lái)為你的規(guī)范做理論背書(shū)，再結(jié)合實(shí)際產(chǎn)品 / 行業(yè)特點(diǎn)來(lái)編寫(xiě)規(guī)范。

2. 規(guī)范顆粒度沒(méi)有限制，描述越細(xì)致，規(guī)范就越嚴(yán)格。規(guī)范定義得太寬松會(huì)起不到效果，太嚴(yán)格則會(huì)產(chǎn)生限制、不宜遵守，因此要適度。

3. 對(duì)于一些比較難理解的規(guī)范內(nèi)容，可以給出一些正確 / 錯(cuò)誤實(shí)例，也直接給出一些切實(shí)可用的實(shí)操模版，輔助使用者進(jìn)行理解或操作。如下方 Material Design 在描述 icon 設(shè)計(jì)規(guī)范時(shí)給出的實(shí)例：

三、定義特殊場(chǎng)景

以上的通用規(guī)范和定義可以涵蓋 80% 左右的設(shè)計(jì)情況。但在具體業(yè)務(wù)中難免會(huì)出現(xiàn)特殊或極端情況，預(yù)判并定義這些特殊場(chǎng)景的使用方式也很重要。你可以把特殊場(chǎng)景理解為「邊界場(chǎng)景」，相當(dāng)于找到事件位于臨界點(diǎn)時(shí)的處理方法。

案例：

還是以編寫(xiě)「Banner 的設(shè)計(jì)風(fēng)格」規(guī)范為例，對(duì)于文案規(guī)范這部分內(nèi)容，當(dāng)業(yè)務(wù)一定要修改現(xiàn)在的文字排版和布局；或者給出的文字內(nèi)容很長(zhǎng)且無(wú)法縮減；再或者要翻譯成多國(guó)語(yǔ)言等，對(duì)這類(lèi)情況提前做好預(yù)判，給出合理的解決方案。

經(jīng)驗(yàn)：

1. 對(duì)于特殊場(chǎng)景，你可以給你自己設(shè)定一條邏輯線(xiàn)，有順序地思考。

2. 更可行的方法是收集實(shí)際工作中其他設(shè)計(jì)師在設(shè)計(jì)過(guò)程中遇到的各種特殊情況，進(jìn)行匯總整理。

3. 特殊場(chǎng)景的規(guī)范不需要一步到位，隨時(shí)發(fā)現(xiàn)，隨時(shí)補(bǔ)充。

四、其他內(nèi)容補(bǔ)充

你還可以補(bǔ)充以下內(nèi)容，讓你的規(guī)范更完整：

– 應(yīng)用此規(guī)范的最佳實(shí)踐案例；

– 對(duì)于其他相關(guān)部門(mén)的同事，想要獲取相關(guān)知識(shí)，如何快速閱讀關(guān)鍵內(nèi)容；

– 設(shè)立簡(jiǎn)易的反饋和答疑方式，收取使用者的反饋，以便優(yōu)化規(guī)范；

– 規(guī)范的更新時(shí)間和更新內(nèi)容紀(jì)要，保留完整的記錄和歸檔。

規(guī)范的編寫(xiě)過(guò)程不會(huì)是一帆風(fēng)順的，不要急于求成，可以步步為營(yíng)，逐漸優(yōu)化。

另外，并不是說(shuō)規(guī)范文檔編寫(xiě)好就萬(wàn)事俱備了，更重要的是要提供給規(guī)范使用者閱讀的便利性，包括：如何更快地閱讀文檔、在更新文檔之后如何同步等等。關(guān)于編寫(xiě)好規(guī)范如何落地和推廣應(yīng)用，你可以查看文章：如何讓「設(shè)計(jì)規(guī)范」被有效執(zhí)行和落地？ 。