確定UI設計規範首先要明確頁面風格：
如何確定頁面風格？
1）客戶
分析年齡、出身、喜好風格
2）PM
a、商業目標、爲什麼要做這款產品？
b、產品所述行業、競爭對手、競品分析
c、相關資料：VI、LOGO、網站、PPT、線下資料
d、主要邏輯特色等
e、客戶要求交付文件：psd、圖片、axure
3）用戶
a、目標人羣及特點
b、用戶痛點及需求
c、使用場景
規範內容：
標準色：樣式、色值、應用場景、備註
字體：中英文字體名稱、樣式、字重、字號、應用場景、備註
圖標：尺寸範圍、觸控範圍、顏色
間距：列表項間距、圖文間距、留白、文字與文字間距、行距
列表：文章列表、標籤列表
圖片：圖片尺寸、比例
頭像：普通尺寸、特殊尺寸、應用場景
形狀：描邊、線分割、矩形分割線、矩形、圓形、橢圓形、色值、尺寸大小、圓角大小、陰影
背景：背景多預留一些，避免拉伸、壓縮
蒙版：不透明度
按鈕：尺寸大小、顏色、狀態（不可點擊、可點擊、按下時）
表單：輸入控件、大小、文字、placeholder、驗證提示
彈框：默認操作提示框、默認錯誤/警告/成功提示
以分答H5爲例：
1、前言
2、色彩規範
重要：
一般：
文字：
3、文字規範
文字規範示例：
4、按鈕規範
5、頁面佈局
頂部導航和底部導航
只有底部導航
refer：
https://huaban.com/pins/799714841/