码迷，mamicode.com
首页 > 移动开发 > 详细

iPhone/iPad/Android UI尺寸规范

时间：2018-09-27 13:07:13      阅读：214      评论：0      收藏：0      [点我收藏+]

标签：状态栏   not   tab   索尼   火狐浏览器   spotlight   android   遨游   参数   

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程序应用主屏幕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


技术分享图片

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


技术分享图片

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尺寸规范

标签：状态栏   not   tab   索尼   火狐浏览器   spotlight   android   遨游   参数   

原文地址：https://www.cnblogs.com/softwyy/p/9712387.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！