什么是設(shè)計(jì)規(guī)范

首先，我們要知道什么是設(shè)計(jì)規(guī)范。通俗的來(lái)說(shuō)，設(shè)計(jì)規(guī)范就是對(duì)設(shè)計(jì)元素進(jìn)行一些規(guī)范化的限制規(guī)定，諸如顏色，形狀，大小等等，方便后續(xù)延展時(shí)，能夠很好的保證視覺(jué)上的統(tǒng)一性。對(duì)于前端開(kāi)發(fā)人員來(lái)說(shuō)，提供了一份參考，實(shí)現(xiàn)時(shí)能更加準(zhǔn)確，從而也減小了復(fù)核的工作量。

設(shè)計(jì)規(guī)范應(yīng)當(dāng)避免兩個(gè)的坑

1.避免寫(xiě)得過(guò)于“精細(xì)”

規(guī)范應(yīng)該是針對(duì)整個(gè)項(xiàng)目通用的，所以要善于提煉出重疊的部分。對(duì)于某個(gè)界面特有的元素，就不要列入了，寫(xiě)的過(guò)于“精細(xì)”，便成了單個(gè)頁(yè)面的標(biāo)注和需求，失去了意義，而且在使用的過(guò)程中，定的太死也會(huì)出現(xiàn)一些問(wèn)題。我們來(lái)看一個(gè)例子：

在針對(duì)二級(jí)導(dǎo)航欄做規(guī)范設(shè)計(jì)的時(shí)候，這里并沒(méi)有考慮到二級(jí)導(dǎo)航欄的選項(xiàng)數(shù)是不確定的，所以這里的給出的選中條寬度的限制是無(wú)意義的。在執(zhí)行過(guò)程中如果嚴(yán)格遵循，也會(huì)出現(xiàn)問(wèn)題。

2.避免將需求文檔摘抄一遍

一般情況我們都會(huì)先拿到需求交互文檔，然后再開(kāi)始設(shè)計(jì)。程序也會(huì)先看需求交互文檔。所以沒(méi)有必要將需求交互的說(shuō)明文字再添加到設(shè)計(jì)規(guī)范里面，這樣會(huì)導(dǎo)致整個(gè)文檔拖沓冗余。還是舉個(gè)例子：

在上面的規(guī)范中，除了元素大小，顏色，邊距，其他均為需求交互文檔里的內(nèi)容。重復(fù)交叉的描述大大增加了閱讀時(shí)間，不利于快速方便地查看。

以上兩點(diǎn)是很容易出現(xiàn)的問(wèn)題，有時(shí)候可能為了顯得“豐滿”，不自覺(jué)地就寫(xiě)多了，其實(shí)效果并不好，還是簡(jiǎn)練方便的文檔更好用。

如何搭建設(shè)計(jì)規(guī)范

1.搭建時(shí)間

新的項(xiàng)目開(kāi)動(dòng)后，初期頁(yè)面審核完成時(shí)即可開(kāi)始整理規(guī)范。在整理的過(guò)程中可能還會(huì)遇到一些小小的改動(dòng)，需要不斷調(diào)整。當(dāng)設(shè)計(jì)基本穩(wěn)定時(shí)，規(guī)范也相應(yīng)的可以制定出了。

2.搭建的要點(diǎn)

設(shè)計(jì)規(guī)范很重要的一點(diǎn)，就是提煉要點(diǎn)，形成該項(xiàng)目獨(dú)有的設(shè)計(jì)語(yǔ)言。也可在自由發(fā)揮的部分給出一些指導(dǎo)建議，使得整個(gè)項(xiàng)目更具有統(tǒng)一感。比如可以從字體，顏色，圖標(biāo)，控件等角度出發(fā)，進(jìn)行闡述。語(yǔ)言盡量簡(jiǎn)單明了，使用表格、圖片等更有利于查看。