当前位置：首页 >工具箱 >UI尺寸设计

手机、平板UI尺寸设计

主流手机、平板设计尺寸,iPhone、iPad、Android UI尺寸规范

iPhone界面尺寸

设备	分辨率	PPI	状态栏高度	导航栏高度	标签栏高度
iPhone6 plus设计版	1242×2208 px	401PPI	60px	132px	146px
iPhone6 plus放大版	1125×2001 px	401PPI	54px	132px	146px
iPhone6 plus物理版	1080×1920 px	401PPI	54px	132px	146px
iPhone6	750×1334 px	326PPI	40px	88px	98px
iPhone5 - 5C - 5S	640×1136 px	326PPI	40px	88px	98px
iPhone4 - 4S	640×960 px	326PPI	40px	88px	98px
iPhone & iPod Touch	320×480 px	163PPI	20px	44px	49px

iPhone图标尺寸：

设备	App Store	程序应用	主屏幕	搜索	标签栏	导航栏
iPhone6 Plus (@3×)	1024×1024	180×180	114×114	87×87	75×75	66×66
iPhone6 (@2×)	1024×1024	120×120	114×114	58×58	75×75	44×44
iPhone5 - 5C - 5S (@2×)	1024×1024	120×120	114×114	58×58	75×75	44×44
iPhone4 - 4S (@2×)	1024×1024	120×120	114×114	58×58	75×75	44×44
iPhone & iPod Touch	1024×1024	120×120	57×57	29×29	38×38	30×30

iPad的设计尺寸

设备	尺寸	分辨率	状态栏高度	导航栏高度	标签栏高度
iPad Air mini	2048×1536 px	264PPI	40px	88px	98px
iPad 1 - 2	1024×768 px	132PPI	20px	44px	49px
iPad Mini	1024×768 px	163PPI	20px	44px	49px

iPad图标尺寸：

设备	App Store	程序应用	主屏幕	Spotlight搜索	标签栏	工具栏和导航栏
iPad - Air - mini2	1024×1024	180×180	144×144	100×100	50×50	44×44
iPad 1 - 2	1024×1024	90×90	72×72	50×50	25×25	22×22
iPad Mini	1024×1024	90×90	72×72	50×50	25×25	22×22

Android SDK模拟机的尺寸

屏幕大小	低密度（120）	中等密度（160）	高密度（240）	超高密度（320）
小屏幕	QVGA（240×320）		480×640
普通屏幕	WQVGA400（240×400） WQVGA432（240×432）	HVGA（320×480）	WVGA800（480×800） WVGA854（480×854） 600×1024	640×960
大屏幕	WVGA800（480×800） WVGA854（480×854）	WVGA800（480×800） WVGA854（480×854） 600x1024
超大屏幕	1024×600	1024×768 1280×768WXGA （1280×800）	1536×1152 1920×1152 1920×1200	2048×1536 2560×1600

Android的图标尺寸

屏幕大小	启动图标	操作栏图标	上下文图标	系统通知图标(白色)	最细笔画
320×480 px	48×48 px	32×32 px	16×16 px	24×24 px	不小于2 px
480×800px 480×854px 540×960px	72×72 px	48×48 px	24×24 px	36×36 px	不小于3 px
720×1280 px	48×48 dp	32×32 dp	16×16 dp	24×24 dp	不小于2 dp
1080×1920 px	144×144 px	96×96 px	48×48 px	72×72 px	不小于6 px

Android安卓系统dp/sp/px换算表

名称	分辨率	比率 rate-320px	比率 rate-640px	比率 rate-750px
idpi	240×320	0.75	0.375	0.32
mdpi	320×480	1	0.5	0.4267
hdpi	480×800	1.5	0.75	0.64
xhdpi	720×1280	2.25	1.125	1.042
xxhdpi	1080×1920	3.375	1.6875	1.5

主流Android手机分辨率和尺寸

设备	分辨率	尺寸	设备	分辨率	尺寸
魅族MX2	4.4"	800×1280 px	魅族MX3	5.1"	1080×1280 px
魅族MX4	5.36"	1152×1920 px	魅族MX4 Pro	5.5"	1536×2560 px
三星GALAXY Note 4	5.7"	1440×2560 px	三星GALAXY Note 3	5.7"	1080×1920 px
三星GALAXY S5	5.1"	1080×1920 px	三星GALAXY Note II	5.5"	720×1280 px
索尼Xperia Z3	5.2"	1080×1920 px	索尼XL39h	6.44"	1080×1920 px
HTC Desire 820	5.5"	720×1280 px	HTC One M8	4.7"	1080×1920 px
OPPO Find 7	5.5"	1440×2560 px	OPPO N1	5.9"	1080×1920 px
OPPO R3	5"	720×1280 px	OPPO N1 Mini	5"	720×1280 px
小米M4	5"	1080×1920 px	小米红米Note	5.5"	720×1280 px
小米M3	5"	1080×1920 px	小米红米1S	4.7"	720×1280 px
小米M3S	5"	1080×1920 px	小米M2S	4.3"	720×1280 px
华为荣耀6	5"	1080×1920 px	锤子T1	4.95"	1080×1920 px
LG G3	5.5"	1440×2560 px	OnePlus One	5.5"	1080×1920 px

主流浏览器的界面参数与份额

浏览器	状态栏	菜单栏	滚动条	市场份额(国内)
Chrome 浏览器	22 px（浮动出现）	60 px	15 px	8%
火狐浏览器	20 px	132 px	15 px	1%
IE浏览器	24 px	120 px	15 px	35%
360 浏览器	24 px	140 px	15 px	28%
遨游浏览器	24 px	147 px	15 px	1%
搜狗浏览器	25 px	163 px	15 px	5%

系统分辨率统计

分辨率	占有率	分辨率	占有率
1366×768	15%	1440×900	13%
1920×1080	11%	1600×900	5%
1280×800	4%	1280×1024	3%
1680×1050	2.8%	320×480	2.4%
480×800	2%	1280×768	1%

* 声明：本站内容收集自网络或热心网友提供，仅供学习交流使用，版权归原作者所有，请勿用于任何商业用途。如有侵犯您的版权，请联系service#yfpei.cn(#改@)，我们将尽快删除处理。