UI设计尺寸规范UI设计规范.docx

UI设计尺寸规范UI设计
规范
Preparedon21November2021
UI设计规范：IOS、Android系统主流尺寸整理
-吠吞栏馬
1080px
iPhone&iPodTouch
设备
分辨率
******@2x）
px
px
px
px
px
□
1024X1024
120X120
114X114
58X58
75X75
iPhone4-4S（***@2x）
px
px
px
px
px
□
iPhone&iPodTouch第一代、
1024X1024
120X120
57X57
29X29
38X38
第二代、第三代
px
px
px
px
px
66X66px
44X44px
44X44px
44X44px
-1024pj<-
AppStoreKetma）
512px
114&K
斗、、5C、5S
6,6P主屛黑
37nx
66P>
30X30px
-S7px-
iPnonc3S
44p*
iPhoneEn,4
Spotliaht39^
PhoneGPlus
SpotliqhtSs^
iPhonesPlusT冃亡和导肚
4、
丁貝栏科:导航芒
iPad的设计尺寸
ZJ4BPK
M克栏flfJOpx
IDZ4PX
IUZ4PX
设备
尺寸
分辨率
状态栏咼度
导航栏咼度
标签栏咼度
r□1
iPad3-4-5-6-
Air-Air2-mini2
2048X1536px
264PPI
40px
88px
98px
□
iPad1-2
1024X768px
132PPI
20px
44px
49px
□
iPadMini
1024X768px
163PPI
20px
44px
49px
iPric:3-4-!}-e
Air-Air?-mm2
iPadMini
iPad
第一ft第二代
iPad图标尺寸:
设备
AppStore
程序应用
主屏幕
Spotlight搜索
标签栏
工具栏\导航栏
□
iPad3-4-5-6-Air
-Air2-mini2
1024X1024px
180X180
px
144X144
px
100X100
px
50X50
px
44X44
px
□
iPad1-2
1024X1024px
90X90
px
72X72
px
50X50
px
25X25
px
22X22
px
□
iPadMini
1024X1024px
90X90
px
72X72
px
50X50
px
25X25
px
22X22
px
512p)c
18Dpx
50px
lD24px
AndroidSDK模拟机的尺寸
144px
■r24px
Ap；:Stor已(Retna)
AppStare
-lDDp)C-
1DDpx
P^d3-5-6
Air-Air2-n-i2
第二代
iPadMini
iPsd3-4-5-6Air-Air2-mmi2
iPad^一代*第二代Min
屏幕大小
低密度（120）
中等密度（160）
高密度（240）
超高密度（320）
小屏幕
QVGA(240X320)
480X640
普通屏幕
WQVGA400(240X400)
WQVGA432(240X432)
HVGA(320X480)
WVGA800(480X800)
WVGA854(480X854)
600X1024
640X960
大屏幕
WVGA800*(480X800)WVGA854*(480X854)
WVGA800*(480X800)
WVGA854*(480X854)
600x1024
超大屏幕
1024X600
1024X768
1280X768WXGA(1280X800)
1536X11521920X1152
2048X1536
1920X1200
2560X1600
Android的图标尺寸
系统通知图标
屏幕大小
启动图标
操作栏图标
上下文图标
（白色）
最细笔画