UI设计尺寸规范-最新最全UI设计规范标准

87×87 px
58×58 px
75×75 px
75×75 px
66×66 px 44×44 px
iPhone5 - 5C 5S (@2×)
1024×1024 px
iPhone4 - 4S (@2×)
1024×1024 px
120×120 px
120×120 px
114×114 px
114×114 px
58×58 px
58×58 px
75×75 px
75×75 px
44×44 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 的设计尺寸 设备
.
三星GALAXY S5
5.1 英 寸
索尼Xperia Z3
5.2 英 寸
HTC Desire 820 OPPO Find 7
5.5 英 寸
5.5 英 寸
OPPO R3
5 英寸
小米M4
5 英寸
小米M3
5 英寸
小米M3S
5 英寸
1152×1920 px 1440×2560 px 1080×1920 px 1080×1920 px 720×1280 px 1440×2560 px 720×1280 px 1080×1920 px 1080×1920 px 1080×1920 px
iPhone & iPod Touch 第一代、第二代、第三代
320×480 px
401PPI 326PPI 326PPI 326PPI 163PPI
60px 40px 40px 40px 20px
来自百度文库
132px 88px 88px 88px 44px
146px 98px 98px 98px 49px
iPhone 图标尺寸：
.
.
设备
App Store
程序应用
主屏幕 Spotlight 搜索 标签栏 工具栏和导航栏
iPhone6P - 6SP 7(@3×)
1024×1024 px
iPhone6 - 6S - 7 (@2×)
1024×1024 px
180×180 px
120×120 px
114×114 px
114×114 px
比率 rate (针对 750px)
0.32 0.4267
0.64 1.042
1.5
主流Android 手机分辨率和尺寸
设备
分辨率
尺寸
4.4 英 寸
800×1280 px
设备
分辨率
5.1 英寸
尺寸
1080×1280 px
.
.
魅族MX2
魅族MX4
5.36 英 寸
三星GALAXY Note 4
5.7 英 寸
16×16 px
24×24 px
48×48 px
24×24 px
36×36 px
32×32 dp 96×96 px
16×16 dp 48×48 px
24×24 dp 72×72 px
最细笔画
不小于 2 px
不小于 3 px
不小于 2 dp 不小于 6 px
Android 安卓系统 dp/sp/px 换算表
98px 49px 49px
iPad 图标尺寸：
设备
App Store
程序应用
主屏幕 Spotlight 搜索 标签栏
工具栏\ 导航栏
iPad 3 - 4 - 5 - 6 - AirAir2 - mini2
1024×1024 px
iPad 1 - 2
1024×1024 px
180×180 px
144×144 px
名称 idpi mdpi hdpi xhdpi xxhdpi
分辨率
240×320 320×480 480×800 720×1280 1080×1920
比率 rate (针对 320px)
0.75 1 1.5
2.25 3.375
比率 rate (针对 640px)
0.375 0.5 0.75
1.125 1.6875
魅族MX3 魅族MX4 Pro未上市
5.5 英寸
1536×2560 px
三星GALAXY Note 3 三星GALAXY Note II
600x1024 1024×768 1280×768WXGA （1280×800）
高密度（240）
超高密度（320）
480×640
WVGA800（480×800） WVGA854（480×854）
600×1024
640×960
1536×1152 1920×1152 1920×1200
2048×1536 2560×1600
100×100 px
50×50 px
44×44 px
90×90 px
72×72 px
50×50 px
25×25 px
22×22 px
.
.
iPad Mini
1024×1024 px
90×90 px
72×72 px
50×50 px
25×25 px
22×22 px
Android SDK 模拟机的尺寸
屏幕大小 小屏幕
Android 的图标尺寸
屏幕大小 320×480 px
480×800px 480×854px 540×960px
720×1280 px
1080×1920 px
启动图标
48×48 px
72×72 px
48×48 dp 144×144 px
.
.
操作栏图标
上下文图标
系统通知图标 (白色)
32×32 px
普通屏幕
大屏幕
低密度（120）
QVGA （240×320）
WQVGA400 （240×400） WQVGA432 （240×432）
WVGA800 * （480×800） WVGA854 * （480×854）
超大屏幕
1024×600
中等密度（160）
HVGA（320×480）
WVGA800 * （480×800） WVGA854 * （480×854）
.
尺寸
分辨率
状态栏高度
导航栏高度
标签栏高度
iPad 3 - 4 - 5 - 6 – Air - Air2 - mini2
iPad 1 - 2
iPad Mini
2048×1536 px 1024×768 px 1024×768 px
264PPI 132PPI 163PPI
40px 20px 20px
88px 44px 44px
.
.
iPhone 界面尺寸 设备
UI 设计规范：IOS、Android 系统主流尺寸整理
分辨率
PPI
状态栏高度 导航栏高度 标签栏高度
iPhone6P、6SP、7P iPhone6 - 6S - 7
iPhone5 - 5C - 5S iPhone4 - 4S
1242×2208 px 750×1334 px 640×1136 px 640×960 px