2024年2月21日发(作者：)
UI设计规范：IOS、Android系统主流尺寸整理
iPhone界面尺寸
设备
分辨率
PPI
状态栏高导航栏高标签栏高度
度
度
1242×2208
iPhone6P、px
6SP、7P
iPhone6 -
6S - 7
750×1334
px
401PPI
60px
132px
146px
326PPI
40px
88px
98px
iPhone5
640×1136
px
- 5C - 5S
iPhone4
- 4S
640×960
px
326PPI
40px
88px
98px
326PPI
40px
88px
98px
iPhone &
320×480
iPod Touch
px
第一代、第二代、第三代
163PPI
20px
44px
49px
iPhone图标尺寸：
Spotligh工具栏和t搜索
标签栏
导航栏
设备
App Store
程序应用
主屏幕
iPhone6P -
6SP - 1024×173×
024 px
180×180
px
120×120
px
114×114
px
114×114
px
87×87
px
58×58
px
75×75
px
75×75
px
66×66
px
44×44
px
iPhone6 -
1024×1024 px
6S -
72×
iPhone5 -
5C -
5S2×
1024×1024 px
120×120
px
114×114
px
58×58
px
75×75
px
44×44
px
iPhone4 -
4S2×
1024×1024 px
120×120
px
114×114
px
58×58
px
75×75
px
44×44
px
iPhone &
iPod
Touch第一代、第二代、第三代
1024×1024 px
120×120
px
57×57 px
29×29
px
38×38
px
30×30
px
iPad的设计尺寸
设备
尺寸
分辨率
状态栏高导航栏高度
标签栏高度
度
iPad 3 - 4 -
2048×1536
5 - 6 –
px
Air - Air2 -
mini2
264PPI
40px
88px
98px
iPad 1 - 2
1024×768 px
1024×768 px
132PPI
163PPI
20px
44px
49px
20px
44px
49px
iPad Mini
iPad图标尺寸：
设备
App Store
程序应用
主屏幕
Spotlight搜索
标签栏
工具栏
导航栏
iPad 3
- 4
- 5
- 6
1024×1-
024 px
Air
-
Air2 -
mini2
180×180
px
144×144
px
100×100
px
50×50
px
44×44
px
1024×190×972×750×525×22×
iPad 1
- 2
024 px
0 px
2 px
0 px
25
px
22
px
iPad
Mini
1024×1024 px
90×90 px
72×72 px
50×50 px
25×25
px
22×22
px
Android SDK模拟机的尺寸
屏幕大小
低密度120
中等密度160
高密度240
超高密度320
小屏QVGA240×320
幕
480×640
普WQVGA400240通×400
屏WQVGA432240幕
×432
HVGA320×480
WVGA800480×800
WVGA854480×854
600×1024
640×960
大屏幕
WVGA800
480×800
WVGA854
480×854
WVGA800
480×800
WVGA854
480×854
600x1024
1024×768
1280×768WXGA1280×800
超大屏幕
1024×600
1536×1152
1920×1152
1920×1200
2048×1536
2560×1600
Android的图标尺寸
系统通知图标
操作栏图标
上下文图标
白色
最细笔画
不小于2
px
屏幕大小
启动图标
320×480
px
48×48
px
32×32
px
16×16
px
24×24
px
480×800px
480×854px
540×960px
72×72
px
48×48
px
24×24
px
36×36
px
不小于3
px
不小于2
dp
不小于6
px
720×1280
px
48×48
dp
32×32
dp
16×16
dp
24×24
dp
1080×1920
144×144
px
px
96×96
px
48×48
px
72×72
px
Android安卓系统dp/sp/px换算表
比率 rate
针对320px
比率 rate
针对640px
比率 rate
针对750px
名称
idpi
mdpi
hdpi
xhdpi
xxhdpi
分辨率
240×320
320×480
480×800
1
720×1280
1080×1920
主流Android手机分辨率和尺寸
设备
分辨率
英寸
尺寸
800×1280
px
设备
分辨率
英寸
尺寸
1080×1280
px
魅族MX2
魅族MX3
魅族MX4
英寸
1152×1920
px
魅族MX4
Pro未上市
英寸
1536×2560
px
三星GALAXY
Note 4
英寸
1440×2560
px
三星GALAXY
Note 3
英寸
1080×1920
px
三星GALAXY
S5
英寸
1080×1920
px
三星GALAXY
Note II
英寸
720×1280
px
索尼Xperia
Z3
英寸
1080×1920
px
索尼XL39h
英寸
1080×1920
px
HTC
Desire
820
英寸
720×1280
px
HTC One
M8
英寸
1080×1920
px
OPPO
Find 7
英寸
1440×2560
px
OPPO N1
英寸
1080×1920
px
OPPO R3
5英寸
5英寸
5英寸
5英寸
5英寸
720×1280
px
OPPO N1
Mini
5英寸
720×1280
px
小米M4
1080×1920
px
小米红米Note
英寸
720×1280
px
小米M3
1080×1920
px
小米红米1S
英寸
720×1280
px
小米M3S
1080×1920
px
小米M2S
英寸
720×1280
px
华为荣耀6
1080×1920
px
锤子T1
英寸
1080×1920
px
LG G3
英寸
1440×2560
px
OnePlus
One
英寸
1080×1920
px
主流浏览器的界面参数与份额
浏览器
状态栏
22 px浮动出现
20 px
菜单栏
滚动条
市场份额
国内浮动
%
Chrome 浏览器
60 px
15 px
火狐浏览器
132 px
15 px
1%
IE浏览器
24 px
120 px
15 px
34%
360 浏览器
24 px
140 px
15 px
28%
遨游浏览器
24 px
147 px
15 px
1%
搜狗浏览器
25 px
163 px
15 px
%
系统分辨率统计
分辨率
占有率
分辨率
占有率
1920×1080
360×640
720×1280
320×568
1080×1920
%
%
%
%
%
1366×768
1440×900
1024×768
1600×900
375×667
%
%
%
%
%
发布评论