1、目的
建立UI和開發(fā)人員規(guī)范認知的一致性，便于高效團隊合作
2、ios規(guī)范
2.1 UI交付給開發(fā)者資料
2x切圖（以640為寬度尺寸為基準切圖）640960*
3x切圖（以1280為寬度尺寸為基準切圖）12801920*
若提供一張切圖，ios必須是2x
2.2 ios logo系統(tǒng)標準要求（尺寸規(guī)定嚴格）且提供對應1x 2x 3x
20*20 通知logo
29*29 設置
40*40 搜索icon
60*60 app icon
1024*1024 app store
76*76 ipad
83.5*83.5 ipad pro
2.3 閃屏業(yè)界標準
640x960 iPhone 4S
640x1136 iPhone 5S
750x1334 iPhone 8
1242x2208 iPhone 8 Plus
1125x2436 iPhoneX
828 x 1792 iPhone XR
1242 x 2688 iPhone XS Max
3、android規(guī)范
3.1 UI交付給開發(fā)者資料
| 圖片類型 | 屏幕 |
|---|---|
| mdpi | 320*480 |
| hdpi | 480*800 |
| xhdpi | 720*1280 |
| xxhdpi | 1080*1920 |
| xxxhdpi | 2160*3840 |
3.2 app logo 系統(tǒng)標準要求（尺寸規(guī)定嚴格）
| DEBSITY | SIZE | RATIO | SCREEN | MARGIN | CONTENT | Padding |
|---|---|---|---|---|---|---|
| XXXHDPI | 192*192 | 4 | 640DPI | 12-16 | 170*170 | 16 |
| XXHDPI | 144*144 | 3 | 480DPI | 8-12 | 128*128 | 8 |
| XHDPI | 96*96 | 2 | 320DPI | 6-8 | 88*88 | 4 |
| HDPI | 72*72 | 1.5 | 240DPI | 4-6 | 68*68 | 2 |
| MDPI | 48*48 | 1 | 160DPI | 3-4 | 46*46 | 1 |
| N/A | 512*512 | Google play | NA | NA | As Required |
安卓建議：
提供MDPI~XXXHDPI, 圖標有正常和圓角兩種
若圓角為android切，須UI產(chǎn)品確認最終樣式
3.3 應用市場提交logo
應用市場logo
| 應用市場 | 圖片尺寸 | 體積 | 格式 | 特別建議 |
|---|---|---|---|---|
| 應用寶 | 16*16 | 20k以內(nèi) | png | |
| 應用寶 | 512*512 | 200K以內(nèi) | png | 直角圖標 |
| 華為 | 216*216 | Png | 正方形圖片 圓角32px | |
| VIVO | 512*512 | 小于50K | png | 正方形圖片，直角圖標 |
| 阿里分發(fā)平臺 | 512*512 | Png | 背景透明帶圓角 | |
| 小米 | 216*216 | png | 正方形圖片 |
3.4 應用市場提交截圖
| 市場 | 截圖要求 | 特殊要求 |
|---|---|---|
| 應用寶 | 480*800 4張 1M PNG | |
| 阿里分發(fā)平臺 | 480*800 4張 1M PNG | 不可上傳ios截圖 |
| 百度 | 480*800 4張 1M PNG | 通知欄不含有與app自身無關(guān)的應用圖標 |
| 華為 | 450*800 4張 1M PNG | |
| 小米 | 720*1280 4張 1M PNG | 若截圖含有手機外觀，必須使用小米手機外觀素材 |
| OPPO | 1080*1920 4張 1M PNG | 去除頂部通知欄，不得使用其他品牌手機作為邊框或宣傳圖 |
| VIVO | 480*800 4張 1M PNG |
3.5 應用截圖要求
體積 小于1M 4 張 png
尺寸
480*800
450*800
720*1280
1080*1920
特別要求：
1、無ios截圖
2、無通知欄
3、無手機外觀
3.6 閃屏頁圖片要求
app冷啟動
一整張圖片 1080*1920 jpg
