UI設計規范有哪些?我們在做互聯網產品中，有的是以產品功能，但大部分以項目為緯度進行分割。在產品1.0后，設計團隊需要UI設計師建立規范，如果你所在的產品團隊有2個以上的UI同學。那可能在1.0還沒開始，一套好的UI規范就是需要立馬做的。

UI的設計規范總共可以分為三類：

品牌類(VI)

幫助企業做的宣傳手冊、PPT、市場公關等pr文件，企業的整體形象顏色。就好比你現在看到的瓜子二手車，綠色是整個的顏色。

平臺、系統類

常見的是IOS、谷歌、開放平臺、小程序等，需要第三方開發者介入，需要第三方的開發者在設計上遵循什么理念，以及遵循該套理念后的背景與原因、好處。

產品業務類

面向產品內部，規則側重在產品設計和實現層面，實用性第一。設計文檔、標注都不能少，其他設計同學或工程師可以直接參考或使用。

設計互聯網產品，StyleGuide/Patternlibrary、Specification各具不同的功能和作用，卻都含“設計規范”的概念。

StyleGuide

偏重視覺概念，常見文檔或圖像格式呈現(還可以擴展)

內容：對設計作品的字體(Typeface)、字型(Font)、色板、品牌標識規范(BrandGuideline)、Icon等要素進行展示和說明這個部分主要的功能是方便設計師與設計師之間，展示產品的視覺風格。方便風格復用，規范新的元素或第三方接入。

PatternLibrary:

偏重(web前端)開發概念，基本都是以網頁文檔形式呈現

內容：對界面元素(UIElements)的樣式風格以及實現其效果所對應的代碼片段作出解釋(HTML、CSS)，常見的布局(GridSystem)、字體排版(Typography)、按鈕、菜單、列表、對話框(Dialog)、Toolip等等。

可以幫助團隊Web設計和協作開發，統一產品風格。減少UI還原與驗收的工作，增加用戶體驗與較初設計稿一致。

Specification(Spec)

介于設計與開發之間，由設計師直接在(mockup)中創建

內容：主要由Annotation(注釋，國內俗稱“標注”)和Measurement(量度)構成。其實說白了就是我們常規研發中的讓UI切圖，是開發與設計人員較直接的交流。通過切圖，我們可以把字體字型、色紙。