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

UI设计规范：IOS、An droid系统主流尺寸整理
iPhone界面尺寸
320px 1
I 640px 1
E40px
iPhone & iPod Touch 第Tt*第二代*第三代
PIijne4 - iPhone^C
iPhc^eSx 5C 5S
7S0pk
Fx
亡佗申
设备 分辨率
PPI
状态栏高度
导航栏高度
标签栏高度
iPhone6P 6SP、7P
1242 >2208 px
401PPI
60px
132px
146px
iPhone6 - 6S - 7
750 >334 px
326PPI
40px
88px
98px
口
iPhone5 - 5C - 5S
640 >136 px
326PPI
40px
88px
98px
iPhone4 - 4S
640 >960 px
326PPI
40px
88px
98px
| LJ iPhone & iPod Touch
第一代、第一代、第二代
320 >480 px
163PPI
20px
44px
49px
Phone图标尺寸:
App SUrefRet naj
I——Bl2p（
114px
I 1
A□匚 Store
4. 4S. 5、5Ck 5S
6. SP^JffW
iPncfieSS
主屛幕
8W
G6p>
44m
iPhcneEs 4Sy 4
Spot light 揍煮
iPboneG Plus
Spotlight 按索
iPimAS Ptin 丁且栏孔导航厂
4. 4S, 5、5S. 6
工貝匸和导統匸
设备
App Store
程序应用
主屏幕
Spotlight 搜索
标签栏
工具栏和导航栏
口
1024 X024
180 X180
114 X14
75 >75
iPhone6P - 6SP - ******@3x）
px
px
px
87X87 px
px
66 >66 px
—
1024 X024
120 X120
114 X14
75 >75
IPhone6 - 6S - 7（***@2x）
px
px
px
58X58 px
px
44 >44 px
—□—
■W
1024 X024
120 X120
114 X14
75 >75
IPhone5 - 5C - 5S（***@2x）
px
px
px
58X58 px
px
44 >44 px
□
1024 X024
120 X120
114 X14
75 >75
IPhone4 - 4S（***@2x）
px
px
px
58X58 px
px
44 >44 px
n
1 r J
IPhone & IPod Touch 第一代、第
1024 X024
120 X120
38X38
二代、第三代
px
px
57 X57 px
29X29 px
px
30 X30 px
Pad的设计尺寸
I 15360X 1
76Rpx
^V?-*44px
yvr*d4p>
IDZ4pX
1Q24px
和證样* mg和（
设备 尺寸
分辨率
状态栏高度
导航栏高度
标签栏高度
2048X1536 px
264PPI
40px
88px
98px
—
iPad 3 - 4 - 5 - 6 -
Air - Air2 - mi ni2

—
1024>768 px
132PPI
20px
44px
49px
iPad 1 - 2
□
1024>768 px
163PPI
20px
44px
49px
iPad Mini
iPad 3 - 4 - 5 - 6 Air - Air? - mn2
iPad Mini
iPad
S-
Pad图标尺寸:
设备
App Store
程序应用
主屏幕
Spotlight 搜索
标签栏
工具栏\
导航栏
1024X024 px
180 X180
144X44
100X00
50 >50
44 >44
iPad 3 - 4 -
5 - 6 - Air - Air2 - mi ni2
px
px
px
px
px
1024X024 px
90 >90
px
72X72 px
50 X50 px
25>25