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

1，設計規范的重要性

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

在一個部門含有多個產品線的情況下，此時產品設計規范最能體現其作用。

統一產品用戶體驗

由于負責各個產品線的產品經理并非同一人，如果此時設計師們又是滲透到各個產品組中，那么產品之間的體驗就根本讓用戶感覺不出是一個部門設計開發出來的。

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

不同產品線上的設計師設計風格也存在差別。比如外觀尺寸設計，配色選擇。當沒有獨立的設計組時，產品線上的設計師均各自為政，并直接對產品經理負責，更加深化了產品間的不協調。

產品設計者沒有錯，只是缺少了讓各個產品線之間協調統一的橋梁。通過設計師間的討論并協商各產品線上的產品經理，制定一套規范，架起這座橋梁，讓產品設計者們有參考、有準則。

方便設計開發產品

在制定設計規范的過程中，會形成統一標準控件庫、頁面元素尺寸規定、配色方案規定和視覺風格統一指導。設計者可以按照功能需求直接調用規范中的標準控件，按照信息結構需求調用不同的元素尺寸進行設計。很輕易便能輸出高保真原型圖，減輕了設計過程中對交互控件選擇和信息排版的思考負擔。

形成備案和文庫

如同技術文檔一樣，產品在設計方面也需要文檔與規范。由于業務需求的變化，設計規范不會一成不變。通過文檔備案記錄每次設計調整，調整的初衷和理論依據，便于日后的回顧與總結。自己在剛入部門時既沒有產品設計規范文檔，又沒有規范的技術框架文檔，在產品成長與傳承中出現了中斷。形成簡單易讀的文檔規范是一種對產品負責任的體現。

2，制定規范的時機

規范出現時機應恰到好處，過早或過晚，均會為產品迭代帶來麻煩和阻礙。

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

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

如果部門同時存在成熟與剛起步的產品，按照成熟產品設計方向制定規范會更方便后續調整。即使規范出臺時間較晚，也要比部門內部沒有統一規范使產品間不統一、不一致好得多。

3，制定設計規范過程

設計規范雖然只是簡單幾頁，但那是濃縮概括的結果，并非一蹴而就。

早期注意積累和歸納

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

總結歸納會議

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

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

制作

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

匯總和微調

將各部分規范匯總，再修改細節、微調排版后便可發布了。為了使規范更方便傳播和閱讀，個人建議將規范以網頁形式呈現更為合適。

4，規范標準

優秀設計規范擁有明確層級和邏輯，便于其他組員查找相應內容，便于設計師日后對不同模塊進行內容完善。

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

后續補充

規范制定出來并非一成不變，隨著業務發展、需求增加，規范要在原有內容基礎上進行需改、增刪。規范的弊端就是每次有重大更改，會造成很多產品線多個產品的相應調整，甚至還會牽扯到結構架構的修改。慎重修改已制定出的規范，多采用小更改迭代的方式對規范進行補充修改。

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

本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司！

本文題目：一份超實用的設計規范制定指南
網站URL：http://vcdvsql.cn/news6/309656.html

成都網站建設公司_創新互聯，為您提供用戶體驗、標簽優化、App開發、面包屑導航、手機網站建設、網站營銷

廣告

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