ui设计尺寸规范-最全ui设计规范.docx

UI设计规范：IOS、Android系统主流尺寸
i Phone界面尺寸
设备
分辨率
PPI
状态栏高度
导航栏高度
标签栏高,
□
i Phone6P 、
6SP、 7P
1242X2208
PX
401 PPI
60px
132px
146px
o
6S
i Phone6 -
-7
750X1334
PX
326PPI
40px
88px
98px
■KOH
■OB
5C
i Phone5 -
- 5S
640X1136
PX
326PPI
40px
88px
98px
ZJ i Phone4 -
4S
640X960
PX
326PPI
40px
88px
98px
J i Phone
& i Pod Touch
第一代、第 二代、第三代
320X480
PX
163PPI
20px
44px
49px
320px
导航栏吕乙4px
iPhone & iPod Touch 第一代、第二代、第三ft
昙航栏品88px
960px
iPhone4 ・ iPhone4S
640px
1136px
导航亡扃站px
PhonP5s 5C、5S
导 JVtl 為 38pk
导觞亡酚32PX
iPhorPb Pute WiTW
§^®132px
i Phone图标尺寸:
设备
App Store
程序应用
主屏幕
Spot Iight 搜索
标签栏
工具栏和 导航栏
□
i Phone
6P -
6SP -
87 X
75 X
66 X
7 (***@3 X
1024X1
180X1
114X1
87
75
66
)
024 px
80 px
14 px
px
px
px
亍
1024X1
120X1
114X1
58 X
75 X
44 X
i Phone
6 - 6S
7? (***@2
X)
024 px
20 px
14 px
58 px
75
px
44 px
p
iPhone
5 - 5C
—
58 X
75 X
44 X
5S?(***@2
1024X1
120X1
114X1
58
75
44
X)
024 px
20 px
14 px
px
px
px
p
i Phone
4 -
58 X
75 X
44 X
4S?(***@2
1024X1
120X1
114X1
58
75
44
X)
024 px
20 px
14 px
px
px
px
丁
i Phone
& iPod Touch
第 一 代、第
29 X
38 X
30 X
二代、
1024X1
120X1
57X57
29
38
30
第三代
024 px
20 px
px
px
px
px
512px
114px
4、4S、5、5C、5S
6、6P主屏算
57px
iPhone3S 主屛輔
iPhone5x 4S> 4
Spotliaht 擾索
iPhone6 Plus
Spotliaht 歿索
iPhone6 Plus 工貝栏和导航栏
44px
4、4Sx 5、5Sx 6 工貝栏和号航栏
iPad的设计尺寸
设备
尺寸
分辨率
状态栏高 度
导航栏高度
标签栏高度
□
iPad 3-4-5 -6 -
Air - Air2 -
mi n i 2
2048 X1
536 px
264PP
I
40px
88px
98px
□
iPad 1 - 2
1024X7
68 px
132PP
I
20px
44px
49px
1024X7
163PP
iPad Mini
68 px
20px
44px
49px
1536px
768px
768px
Z048px
状杰栏B20px
10Z4px
1024px
称瓷栏E98px
称?&"49px
iPad3-4-5-6
Air - Air? 一 mm2
iPad
.
iPad Mini
iPad图标尺寸:
设备App Store 程序应用
主屏幕
響叭搜标签栏
工具栏\
导航栏
□