一份超實用的設(shè)計規(guī)范制定指南

本篇文章結(jié)合親身參與的制定規(guī)范項目，圍繞：1，設(shè)計規(guī)范的重要性；2，制定規(guī)范的時機；3，制定的過程和后續(xù)工作這幾個方面來總結(jié)和分享。

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

設(shè)計總監(jiān)剛開始召集設(shè)計師討論立項制作設(shè)計規(guī)范時，就有設(shè)計師提出“規(guī)范只是公司給外部看的一種噱頭”，更像是體現(xiàn)一種公司視覺形象（VI）。其實互聯(lián)網(wǎng)公司的產(chǎn)品設(shè)計規(guī)范并非是僅僅用來宣傳形象的，更多用來使用、簡化開發(fā)過程、使多個產(chǎn)品擁有一致的體驗，是落到實處的東西。

在一個部門含有多個產(chǎn)品線的情況下，此時產(chǎn)品設(shè)計規(guī)范最能體現(xiàn)其作用。

統(tǒng)一產(chǎn)品用戶體驗

由于負責(zé)各個產(chǎn)品線的產(chǎn)品經(jīng)理并非同一人，如果此時設(shè)計師們又是滲透到各個產(chǎn)品組中，那么產(chǎn)品之間的體驗就根本讓用戶感覺不出是一個部門設(shè)計開發(fā)出來的。

不同產(chǎn)品線的產(chǎn)品經(jīng)理交予設(shè)計師的線框圖就千差萬別。比如實現(xiàn)一個篩選功能，有的采用下拉菜單，有的采用彈窗。相同的情景不同的交互方式，先拋開各自的優(yōu)劣不談，產(chǎn)品之間本身就出現(xiàn)體驗上的矛盾。產(chǎn)品經(jīng)理間缺少溝通，而產(chǎn)品團隊基本會按照產(chǎn)品經(jīng)理的規(guī)劃設(shè)計產(chǎn)品，這就造成產(chǎn)品間存在體驗差別。

不同產(chǎn)品線上的設(shè)計師設(shè)計風(fēng)格也存在差別。比如外觀尺寸設(shè)計，配色選擇。當(dāng)沒有獨立的設(shè)計組時，產(chǎn)品線上的設(shè)計師均各自為政，并直接對產(chǎn)品經(jīng)理負責(zé)，更加深化了產(chǎn)品間的不協(xié)調(diào)。

產(chǎn)品設(shè)計者沒有錯，只是缺少了讓各個產(chǎn)品線之間協(xié)調(diào)統(tǒng)一的橋梁。通過設(shè)計師間的討論并協(xié)商各產(chǎn)品線上的產(chǎn)品經(jīng)理，制定一套規(guī)范，架起這座橋梁，讓產(chǎn)品設(shè)計者們有參考、有準(zhǔn)則。

方便設(shè)計開發(fā)產(chǎn)品

在制定設(shè)計規(guī)范的過程中，會形成統(tǒng)一標(biāo)準(zhǔn)控件庫、頁面元素尺寸規(guī)定、配色方案規(guī)定和視覺風(fēng)格統(tǒng)一指導(dǎo)。設(shè)計者可以按照功能需求直接調(diào)用規(guī)范中的標(biāo)準(zhǔn)控件，按照信息結(jié)構(gòu)需求調(diào)用不同的元素尺寸進行設(shè)計。很輕易便能輸出高保真原型圖，減輕了設(shè)計過程中對交互控件選擇和信息排版的思考負擔(dān)。

形成備案和文庫

如同技術(shù)文檔一樣，產(chǎn)品在設(shè)計方面也需要文檔與規(guī)范。由于業(yè)務(wù)需求的變化，設(shè)計規(guī)范不會一成不變。通過文檔備案記錄每次設(shè)計調(diào)整，調(diào)整的初衷和理論依據(jù)，便于日后的回顧與總結(jié)。自己在剛?cè)氩块T時既沒有產(chǎn)品設(shè)計規(guī)范文檔，又沒有規(guī)范的技術(shù)框架文檔，在產(chǎn)品成長與傳承中出現(xiàn)了中斷。形成簡單易讀的文檔規(guī)范是一種對產(chǎn)品負責(zé)任的體現(xiàn)。

2，制定規(guī)范的時機

規(guī)范出現(xiàn)時機應(yīng)恰到好處，過早或過晚，均會為產(chǎn)品迭代帶來麻煩和阻礙。

在產(chǎn)品剛剛起步或僅迭代幾代版本后便想總結(jié)出一套規(guī)范為時尚早。此時產(chǎn)品僅僅擁有大體發(fā)展方向和基本功能，很多細分工功能不夠完善，產(chǎn)品整體不夠豐滿。此時制定出的規(guī)范并不能起到概括和統(tǒng)一作用，隨著產(chǎn)品不斷完善，大量功能需求會添加進來，而規(guī)范也要隨之大更改，增加各個部門修改調(diào)整負擔(dān)。如此大規(guī)模修改規(guī)范本身就失去了規(guī)范作為一個準(zhǔn)則的意義。

在產(chǎn)品已經(jīng)成熟之后再制定規(guī)范則為時較晚。此時每個產(chǎn)品線上的產(chǎn)品功能、結(jié)構(gòu)信息組織框架已經(jīng)定型，只有偶爾優(yōu)化提升體驗細節(jié)修改和輔助類功能的添加。產(chǎn)品技術(shù)框架邏輯，尤其是前端技術(shù)框架已成型，且技術(shù)人員在開發(fā)過程中對于產(chǎn)品界面設(shè)計，交互方式也諳熟于心。如果迭代過程中產(chǎn)品間差別不大還好，產(chǎn)品差別很大時，再出臺規(guī)范會增加很多技術(shù)人員調(diào)整的成本，拖延新版本上線時間。

如果部門同時存在成熟與剛起步的產(chǎn)品，按照成熟產(chǎn)品設(shè)計方向制定規(guī)范會更方便后續(xù)調(diào)整。即使規(guī)范出臺時間較晚，也要比部門內(nèi)部沒有統(tǒng)一規(guī)范使產(chǎn)品間不統(tǒng)一、不一致好得多。

3，制定設(shè)計規(guī)范過程

設(shè)計規(guī)范雖然只是簡單幾頁，但那是濃縮概括的結(jié)果，并非一蹴而就。

早期注意積累和歸納

設(shè)計師在設(shè)計初期產(chǎn)品效果圖時要注意實時歸納和總結(jié)，原文件和導(dǎo)出文件進行分類整理，對設(shè)計過程中使用的控件和模式及時歸納，同時簡單記錄一些界面設(shè)計的初衷，有爭議的設(shè)計點等等。及時地總結(jié)對后期設(shè)計規(guī)范的制定打下良好基礎(chǔ)，否則很容易忘記設(shè)計初衷，找不到文件或者設(shè)計負責(zé)人等等問題。

總結(jié)歸納會議

準(zhǔn)備制作設(shè)計規(guī)范時，需要召集各產(chǎn)品線上的設(shè)計師將設(shè)計結(jié)果進行匯總和提煉。這樣的會議既是討論性會議又是決策性會議，所以耗時較長，但這又是要制定設(shè)計規(guī)范的必要會議。

可以預(yù)先將規(guī)范劃分成各個模塊，分步進行會議討論和決議，并將不同模塊對應(yīng)到不同設(shè)計師來負責(zé)總結(jié)。當(dāng)遇到難以解決、產(chǎn)品間互相沖突的問題要即時溝通相關(guān)產(chǎn)品負責(zé)人，當(dāng)涉及到一些產(chǎn)品需要重大樣式修改時更要即時溝通，設(shè)計組內(nèi)部意見統(tǒng)一的同時也要得到外部支持和認可。

制作

在動手制作之前，設(shè)計師間要對規(guī)范自身的展現(xiàn)形式和樣式達成一致。設(shè)計師按照會議討論決議出的結(jié)果制作自己負責(zé)模塊的規(guī)范。模塊分為：配色，圖標(biāo)，字體，控件尺寸，控件交互等等

匯總和微調(diào)

將各部分規(guī)范匯總，再修改細節(jié)、微調(diào)排版后便可發(fā)布了。為了使規(guī)范更方便傳播和閱讀，個人建議將規(guī)范以網(wǎng)頁形式呈現(xiàn)更為合適。

4，規(guī)范標(biāo)準(zhǔn)

優(yōu)秀設(shè)計規(guī)范擁有明確層級和邏輯，便于其他組員查找相應(yīng)內(nèi)容，便于設(shè)計師日后對不同模塊進行內(nèi)容完善。

優(yōu)秀設(shè)計規(guī)范是高度精簡和概括的，將相同情境下的不同設(shè)計樣式統(tǒng)一成適應(yīng)性更強、更科學(xué)合理的設(shè)計樣式，減少很多所謂的特殊情況設(shè)計和繁瑣的重復(fù)尺寸標(biāo)注。參與設(shè)計開發(fā)的組員可以結(jié)合情景直接調(diào)用適合的設(shè)計樣式。當(dāng)然在設(shè)計過程中會出現(xiàn)特殊情景，需要規(guī)范中不包含的特殊設(shè)計樣式，此時設(shè)計師要單獨給出設(shè)計效果圖。當(dāng)特殊情況越來越多就要考慮將這些情況整合，補充進現(xiàn)有的規(guī)范中。

后續(xù)補充

規(guī)范制定出來并非一成不變，隨著業(yè)務(wù)發(fā)展、需求增加，規(guī)范要在原有內(nèi)容基礎(chǔ)上進行需改、增刪。規(guī)范的弊端就是每次有重大更改，會造成很多產(chǎn)品線多個產(chǎn)品的相應(yīng)調(diào)整，甚至還會牽扯到結(jié)構(gòu)架構(gòu)的修改。慎重修改已制定出的規(guī)范，多采用小更改迭代的方式對規(guī)范進行補充修改。

擁有設(shè)計規(guī)范并不代表團隊不再需要設(shè)計師，也不代表團隊中誰都可以使用規(guī)范組件拼拼湊湊就輸出設(shè)計效果圖。產(chǎn)品設(shè)計含有感性的成分，需要設(shè)計師通過調(diào)研和認知去設(shè)計、把握產(chǎn)品的體驗。規(guī)范是工具、是標(biāo)尺，需要設(shè)計開發(fā)人員的靈活運用和不斷完善，適應(yīng)變化。規(guī)范擁有重要作用，但不可拿著規(guī)范把產(chǎn)品做死、做僵。

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司！

本文題目：一份超實用的設(shè)計規(guī)范制定指南
網(wǎng)站URL：http://www.bm7419.com/news6/309656.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗、標(biāo)簽優(yōu)化、App開發(fā)、面包屑導(dǎo)航、手機網(wǎng)站建設(shè)、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)