UI規(guī)范目的：
- 保證 APP 中各個(gè)頁(yè)面間的顯示效果統(tǒng)一蜓洪；
- UI規(guī)范化后，允許 APP 中抽取
樣式資源文件坯苹，便于App的開(kāi)發(fā)隆檀； - 后續(xù)有顯示效果調(diào)整需求時(shí)，可統(tǒng)一調(diào)整，減少工作量恐仑，提高工作效率;
基本樣式的制定
文本樣式規(guī)范
| 樣式序號(hào) | 字號(hào) | 顏色 | RBG | 粗體（是否） |
|---|---|---|---|---|
| f40_01 | #40 | #1a1a1a | 26 26 26 | 常規(guī) |
| f40_02 | #40 | #1a1a1a | 26 26 26 | 粗體 |
| f40_03 | #40 | #a7a7a7 | 167 167 167 | 常規(guī) |
| f36_01 | #36 | #1a1a1a | 26 26 26 | 常規(guī) |
| f36_02 | #36 | #a7a7a7 | 167 167 167 | 常規(guī) |
| f36_03 | #36 | #a7a7a7 | 255 255 255 | 常規(guī) |
| f36_04 | #36 | #3d94ea | 61 148 234 | 常規(guī) |
| f32_01 | #32 | #1a1a1a | 26 26 26 | 常規(guī) |
| f32_02 | #32 | #1a1a1a | 26 26 26 | 粗體 |
| f32_03 | #32 | #808080 | 128 128 128 | 常規(guī) |
| f32_04 | #32 | #a7a7a7 | 167 167 167 | 常規(guī) |
| f32_05 | #32 | #3d94ea | 61 148 234 | 常規(guī) |
| f32_06 | #32 | #f25555 | 242 85 85 | 常規(guī) |
| f32_07 | #32 | #1ec859 | 30 200 89 | 常規(guī) |
| f30_01 | #30 | #1a1a1a | 26 26 26 | 常規(guī) |
| f30_02 | #30 | #a7a7a7 | 167 167 167 | 常規(guī) |
| f28_01 | #28 | #1a1a1a | 26 26 26 | 常規(guī) |
| f28_02 | #28 | #a7a7a7 | 167 167 167 | 常規(guī) |
| f28_03 | #28 | #3d94ea | 61 148 234 | 常規(guī) |
| f28_04 | #28 | #1ec859 | 30 200 89 | 常規(guī) |
| f24_01 | #24 | #1a1a1a | 26 26 26 | 常規(guī) |
| f24_02 | #24 | #a7a7a7 | 167 167 167 | 常規(guī) |
| f24_03 | #24 | #3d94ea | 61 148 234 | 常規(guī) |
按鈕樣式規(guī)范
| 按鈕樣式 | b01_01 | b01_02 | b01_03 |
|---|---|---|---|
| 按鈕類(lèi)型 | 主按鈕 | 主按鈕 | 主輔助按鈕 |
| 按鈕尺寸 | 高：80px 寬：match_parent 左右邊距：30px 上下邊距：20px | 高：80px 寬：match_parent 左右邊距：30px 上下邊距：20px | 高：80px 寬：match_parent 左右邊距：30px 上下邊距：20px |
| 圓角 | 10px | 10px | 10px |
| 字體顏色 | #ffffff | #ffffff | #1a1a1a |
| 按鈕背景 | #3d94ea | #f25555 | #ffffff |
| 二態(tài)字體顏色 | #2b67a3 | #a93b3b | #cccccc |
| 不可點(diǎn)字體顏色 | #2b67a3 | #a7a7a7 | #a7a7a7a |
| 不可點(diǎn)背景顏色 | #cccccc | #cccccc | #cccccc |
| 描邊尺寸 | 2px | ||
| 描邊顏色 | #1a1a1a | ||
| 不可點(diǎn)描邊顏色 | #a7a7a7 | ||
| 用途 | 優(yōu)先級(jí)最高泉坐，強(qiáng)行動(dòng)引導(dǎo) | 優(yōu)先級(jí)最高，強(qiáng)行動(dòng)引導(dǎo)（金融） | 優(yōu)先級(jí)低于藍(lán)色/紅色主按鈕 |
后續(xù)隨版本迭代以及樣式的更新進(jìn)行補(bǔ)充中裳仆！
