編輯導(dǎo)語(yǔ)：如今設(shè)計(jì)有一些是多人協(xié)作，為了達(dá)到設(shè)計(jì)的統(tǒng)一性，設(shè)計(jì)規(guī)范正在起著越來(lái)越重要的作用，并且還有很多大廠的設(shè)計(jì)規(guī)范可以借鑒；但是沒(méi)有任何一個(gè)產(chǎn)品是絕對(duì)的，所以我們?cè)诮梃b的時(shí)候可不能直接套用；本文作者分享了關(guān)于設(shè)計(jì)規(guī)范的思考，我們一起來(lái)看一下。

大家好，最近聽(tīng)有的同學(xué)說(shuō)他們公司需要他出一套自己產(chǎn)品的設(shè)計(jì)規(guī)范，然后他就來(lái)問(wèn)我要各種規(guī)范，什么網(wǎng)易的、騰訊的、支付寶的、天貓的等等等；我以為他只是用來(lái)參考借鑒一下，沒(méi)成想，他竟然是拿去背規(guī)范，我一聽(tīng)就是傻了眼，于是立馬大喊停下，并決定要寫一下這個(gè)文章。

接下來(lái)我簡(jiǎn)單從規(guī)范的定義到規(guī)范的來(lái)源簡(jiǎn)單闡述一下，希望同學(xué)們能對(duì)產(chǎn)品的設(shè)計(jì)規(guī)范有一個(gè)新的認(rèn)識(shí)。

目錄：

• 什么是設(shè)計(jì)規(guī)范？
• 設(shè)計(jì)規(guī)范的作用
• 設(shè)計(jì)規(guī)范是怎么來(lái)的
• 總結(jié)

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

設(shè)計(jì)規(guī)范這次一詞作為設(shè)計(jì)師來(lái)說(shuō)，真的是聽(tīng)著都耳朵長(zhǎng)繭子的詞匯，但就是這樣一個(gè)聽(tīng)起來(lái)再熟悉不過(guò)的詞匯，很多初學(xué)者設(shè)計(jì)師卻對(duì)他沒(méi)有深入的研究與學(xué)習(xí)過(guò)；或許真是的過(guò)于熟悉的原因吧，那么我們今天就來(lái)惡補(bǔ)一下，這個(gè)耳熟能詳?shù)脑O(shè)計(jì)規(guī)范。

市面上，有的人說(shuō)設(shè)計(jì)規(guī)范就是指的字體、顏色、組件的統(tǒng)一標(biāo)準(zhǔn)，可以復(fù)用的一套模版，其實(shí)對(duì)于這樣的說(shuō)話理解，倒是也可以認(rèn)可；不過(guò)，如果說(shuō)這句話絕對(duì)的解釋了設(shè)計(jì)規(guī)范，那就有點(diǎn)過(guò)分了。

其實(shí)，嚴(yán)格意義上來(lái)說(shuō)，任何行業(yè)都是可以擁有設(shè)計(jì)規(guī)范的，比如：工業(yè)的標(biāo)準(zhǔn)化設(shè)計(jì)規(guī)范、餐廳流水工作的設(shè)計(jì)規(guī)范、組裝汽車部件的一種設(shè)計(jì)規(guī)范，等等，其實(shí)還有特別多；可以這么說(shuō)，幾乎所有的行業(yè)，都可以具有設(shè)計(jì)規(guī)范這一詞匯。

那么，到底設(shè)計(jì)規(guī)范是什么呢？我這里給大家說(shuō)一下：設(shè)計(jì)規(guī)范是針對(duì)特定產(chǎn)品所制定出來(lái)的一整套產(chǎn)品標(biāo)準(zhǔn)，包括流程標(biāo)準(zhǔn)、技術(shù)標(biāo)準(zhǔn)、設(shè)計(jì)標(biāo)準(zhǔn)等；同事們通過(guò)這套標(biāo)準(zhǔn)，就可以最大程度的減少錯(cuò)誤發(fā)生率，并且還能提高設(shè)計(jì)質(zhì)量和輸出的穩(wěn)定性。

二、設(shè)計(jì)規(guī)范的作用

剛才我給大家解釋了什么規(guī)范，其實(shí)里面還夾雜了幫助大家區(qū)別開(kāi)設(shè)計(jì)規(guī)范的擦邊球理解，以免大家對(duì)類似的復(fù)用組件也同樣歸類于設(shè)計(jì)規(guī)范內(nèi)。

那么接下來(lái)我在講一下這種東西（設(shè)計(jì)規(guī)范）到底是做什么用的，我們費(fèi)很多時(shí)間把它做出來(lái)，到底它能幫我們帶來(lái)什么作用呢？

1. 減少用戶的認(rèn)知和學(xué)習(xí)成本

首先必須提到的就是減少用戶學(xué)習(xí)成本，簡(jiǎn)單來(lái)講，就是設(shè)計(jì)師將所有碎片、樣式不同的內(nèi)容或者模塊進(jìn)行統(tǒng)一化設(shè)計(jì)。

這樣做的結(jié)果就是，用戶只要在其中一個(gè)或兩個(gè)界面中進(jìn)行操作學(xué)習(xí)后，那么剩下的全部產(chǎn)品界面，也就都明確知道該界面的操作邏輯與認(rèn)知了。

加入每個(gè)界面都單獨(dú)設(shè)計(jì)一種樣式的，可想而知，用戶多次的學(xué)習(xí)與視覺(jué)識(shí)別，這樣就會(huì)極大的阻礙用戶的操作與完成目標(biāo)成本了。

2. 強(qiáng)化品牌效應(yīng)

第二個(gè)好處就是可以加強(qiáng)加強(qiáng)再加強(qiáng)你的品牌效應(yīng)，我還是直接給大家舉例說(shuō)明，我們?nèi)粘Ｓ玫男∶桩a(chǎn)品，比如手機(jī)、手環(huán)、插座、背包等等，都是品牌的體現(xiàn)，其實(shí)這些產(chǎn)品也是一種生態(tài)化的體現(xiàn)；同樣的，產(chǎn)品內(nèi)的視覺(jué)、色彩、排版風(fēng)格、等等技法與展示的規(guī)范，也就是該產(chǎn)品的品牌強(qiáng)化。

3. 降低開(kāi)發(fā)成本

這個(gè)不言而喻，如果你的對(duì)產(chǎn)品進(jìn)行了一個(gè)產(chǎn)品設(shè)計(jì)規(guī)范，只要是開(kāi)發(fā)出一個(gè)設(shè)計(jì)樣式，或者是一組的情況下；那么我相信對(duì)于具有規(guī)范化的產(chǎn)品設(shè)計(jì)來(lái)說(shuō)，開(kāi)發(fā)同學(xué)一定會(huì)感謝你的抱起你的。

相對(duì)開(kāi)發(fā)規(guī)范化的界面來(lái)講，如果每個(gè)界面都有一種新的樣式出現(xiàn)，開(kāi)發(fā)就需要不停的從新編輯代碼，這是非?？嘀氐囊患隆?/p>

三、設(shè)計(jì)規(guī)范是怎么來(lái)的

好的，剛才我給同學(xué)們說(shuō)了這么多設(shè)計(jì)規(guī)范的嗶哩嗶哩，即是概念，又是作用的；那么，對(duì)于同學(xué)們是否應(yīng)該死記硬背大廠規(guī)范，我這會(huì)要重點(diǎn)說(shuō)一下，并且要講一下我們的產(chǎn)品規(guī)范到底是怎么出來(lái)的。

首選同學(xué)們應(yīng)該明確一點(diǎn)的是，沒(méi)有誰(shuí)的產(chǎn)品和誰(shuí)的產(chǎn)品是絕對(duì)一樣的，包括規(guī)范，所以，我們背任何一個(gè)公司規(guī)范，那都是徒勞之功；因?yàn)樽陨懋a(chǎn)品的屬性不同，包括風(fēng)格定位的不同，還有一個(gè)最重要的人為因素，那就是設(shè)計(jì)師的技法和審美不同，所以，最終也就導(dǎo)致的了設(shè)計(jì)的規(guī)范不同。

而且，你一定要清楚的是，規(guī)范最初的出現(xiàn)，并不是在一開(kāi)始就已經(jīng)設(shè)定好的，而是在產(chǎn)品1.0或者1.1或者之后，才開(kāi)始逐漸完善的；一套完整的產(chǎn)品，它的規(guī)范一定不是單一的只是哪個(gè)距離多少，哪里顏色多少，那都其實(shí)只是表象。

所以，設(shè)計(jì)規(guī)范幾乎都是在設(shè)計(jì)師設(shè)計(jì)界面時(shí)，同步擴(kuò)展的設(shè)計(jì)規(guī)范。

四、總結(jié)

同學(xué)們?cè)谧霎a(chǎn)品設(shè)計(jì)時(shí)，可以參考一下大廠的一些設(shè)計(jì)規(guī)范文檔，這是正確的做法，但是千萬(wàn)不可直接復(fù)制使用。

首先第一點(diǎn)是因?yàn)楫a(chǎn)品本身的屬性不同，直接復(fù)用規(guī)范是很容易出現(xiàn)視覺(jué)和邏輯不同步的情況；第二是因?yàn)閷?duì)自身并沒(méi)有什么好處，它會(huì)使你變得懶惰而不思考，這里的思考我并不是單純指的思考規(guī)范，而是在你制作規(guī)范時(shí)，逃避了理解產(chǎn)品的核心業(yè)務(wù)與目標(biāo)用的操作邏輯等等進(jìn)行排版設(shè)計(jì)。

好了，今天關(guān)于設(shè)計(jì)規(guī)范的問(wèn)題就先講到這里。

作者：西瓜，公眾號(hào)：西瓜的設(shè)計(jì)

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

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