iPhone/iPad/Android UI尺寸规范

摘要：

IPhone接口尺寸设备分辨率PPI状态栏高度导航栏高度标签栏高度IPhone 6plus设计1242×2208px401PPI60px132px146pxiPhone6plus放大版1125×2001px401ppi54px132p x146pSiPhone6Plus物理版1080×1920px401PPI54px132 px146p XiPhone6750×1334px326PPI40px88px 9

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/iPad/Android UI尺寸规范第8张

iPhone图标尺寸：

设备	App Store	程序应用	主屏幕	Spotlight搜索	标签栏	工具栏和导航栏
iPhone6 Plus (@3×)	1024×1024 px	180×180 px	114×114 px	87×87 px	75×75 px	66×66 px
iPhone6 (@2×)	1024×1024 px	120×120 px	114×114 px	58×58 px	75×75 px	44×44 px
iPhone5 - 5C - 5S (@2×)	1024×1024 px	120×120 px	114×114 px	58×58 px	75×75 px	44×44 px
iPhone4 - 4S (@2×)	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

iPhone/iPad/Android UI尺寸规范第14张

iPad的设计尺寸

设备	尺寸	分辨率	状态栏高度	导航栏高度	标签栏高度
iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2	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

iPhone/iPad/Android UI尺寸规范第18张

iPad图标尺寸：

设备	App Store	程序应用	主屏幕	Spotlight搜索	标签栏	工具栏和导航栏
iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2	1024×1024 px	180×180 px	144×144 px	100×100 px	50×50 px	44×44 px
iPad 1 - 2	1024×1024 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模拟机的尺寸

屏幕大小	低密度（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%

>> 查看最新分辨率使用情况

免责声明：文章转载自《iPhone/iPad/Android UI尺寸规范》仅用于学习参考。如对内容有疑问，请及时联系本站处理。

MACbook安装WIN7后亮度调节的办法

MACbook安装WIN7后亮度调节的办法：1.按WIN+X打开移动中心，第一个就是亮度调节。或者右击托盘区的电池，选择移动中心也可以。2.右击托盘区域的电池，选择电源管理，在界面中调节亮度。 3.有些MACbook笔记本显卡驱动不匹配的时候，热键F1 F2功能键不一定管用。...

（app笔记）Memory Fill内存填充

Memory Fill 是实现app内存填充工具（运行内存，物理内存，网络空间内存） Used：已用内存 filled：未回收内存 Free：自由内存 1.Ram（Total Ram）：手机运行内存 2.External（External Space）：外部内存（内存卡） 3.Internal（Internal Space）：内部内存（自带内存） FI...

记录一下：给电推剪改锂电池

记录一下：给电推剪改锂电池原来电推剪是NiMH 镍氢电池，可能老化了，一直不给力。于是有了改装的想法，把电池改为锂电池，再把充电口改为 USB TYPE-C 或或者改为 MicroUSB。二话不说拆了。最终不可以使用 Type-C 接口，Type-C 接口还是太大了。不过使用 MicroUSB 也不错，充电器可以随便找到。遇到的问题：原...

媒体查询的详细用法

media type(媒体类型)是css 2中的一个非常有用的属性，通过media type我们可以对不同的设备指定特定的样式，从而实现更丰富的界面。media query(媒体查询)是对media type的一种增强，是CSS 3的重要内容之一。随着移动互联网的发展，media query开始得到大家的重视。 media type 让我们先了解一下med...

物理像素，ppi，逻辑分辨率和物理分辨率

1 明确几个概念：物理像素：屏幕物理像素屏幕像素密度ppi：pixels per inch，屏幕上每英寸可以显示的像素点的数量，即屏幕像素密度。顺便一提，ppi就是dpi，只不过有文章里说苹果喜欢用ppi，dpi安卓喜欢用，emmmm，所以还是用ppi吧。ppi的计算：屏幕对角线的屏幕物理像素密度除以屏幕尺寸。以 iphone6 为例子，屏幕是 1334...

[Axure教程]0003.元件的触发事件

Axure RP 的每个元件都有着自己独有的和一些公共的触发事件，在不同的情况下触发不同的事件。这里我们就以上图中文本输入框为例A.改元件已使用的触发事件　　[1].文字改变时:当一个元件内的文字改变时触发，比如搜索框，文本输入框。　　[2]获取焦点时:当一个元件通过点击或切换获取焦点时触发。比如搜索框编辑时，清空“请输入关键字”的提示。　　[3]失去...

iPhone/iPad/Android UI尺寸规范

iPhone界面尺寸

iPhone图标尺寸：

iPad的设计尺寸

iPad图标尺寸：

Android SDK模拟机的尺寸

Android的图标尺寸

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

主流Android手机分辨率和尺寸

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

系统分辨率统计

>> 查看最新分辨率使用情况

相关文章

MACbook安装WIN7后亮度调节的办法

（app笔记）Memory Fill内存填充

记录一下：给电推剪改锂电池

媒体查询的详细用法

物理像素，ppi，逻辑分辨率和物理分辨率

[Axure教程]0003.元件的触发事件

最新文章

随机推荐

思享工具箱导航

JSON工具

格式化转换

加解密编码

文本数字

网络

站长

计算

其他

对照列表