移动设备尺寸规范汇总(转)
iPhone界面尺寸
设备 | 分辨率 | PPI | 状态栏高度 | 导航栏高度 | 标签栏高度 |
---|---|---|---|---|---|
iPhone6 plus设计版 | 1242×2208 px | 401PPI | 60px | 132px | 147px |
iPhone6 plus放大版 | 1125×2001 px | 401PPI | 54px | 132px | 147px |
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) 600×1024 |
||
超大屏幕 | 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×1800 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% |
网页宽度与首屏高度
本文转自:http://www.uigreat.com/guifan/
转载请注明:Axure原创教程网 » 移动设备尺寸规范汇总
转自:链接
移动设备尺寸规范汇总(转)相关推荐
- 计算机房装修对门的要求,防火门尺寸要求有哪些 防火门尺寸规范
防火门尺寸要求有哪些 防火门尺寸规范以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 防火门尺寸要求有哪些呢?防火门尺寸都 ...
- 如何让一套代码适配所有iOS设备尺寸?
简介:随着移动互联网设备和技术的发展,各种移动设备屏幕尺寸层出不穷,折叠屏.分屏.悬浮窗等等,面对越来越多样的屏幕,如果为每种尺寸单独进行适配,不仅费时费力,还会增加端侧代码的开发与维护压力.如何让一 ...
- 安卓分辨率_安卓界面的尺寸规范有哪些?
众所周知,安卓系统是开源的,国内又有超多的手机厂商,小米.魅族.华为.oppo.三星等,每一个品牌有属于自己的UI设计规范,但是我们主要分析UI界面尺寸规范. 1.字体 安卓系统中文采用的是思源黑体, ...
- 移动应用界面设计的尺寸规范
移动应用的界面设计画布尺寸设计多大(特别是Android).图标和字体大小怎么定.需要设计多套设计稿么.如何切图以配合开发的实现? 本篇将结合iOS和android官方的设计规范.搜集的资料以及工作中 ...
- Android /iPhone/iPad UI之常用图标尺寸规范
整合的相对比较全面了,如果不足可以指出在补充完整. Android-App 常用图标尺寸规范 出自:http://www.cnblogs.com/libertycode/p/5666088.html ...
- CDMA 1X WAP2.0业务网 设备实施规范 (V1.0)
CDMA 1X WAP2.0业务网 设备实施规范 (V1.0) 前 言: 近10年以来,移动通信(包括数据和语音)和Internet几乎成为了在全世界范围内发展最快,最具活力的两项技术.而Intern ...
- APP图标尺寸规范一文了解清楚
在进行图标设计前,熟知手机 app 图标尺寸规范,能更好地去针对不同平台设计出更极致的图标.当前智能手机系统主要以 iOS 及 Android 为主,APP 图标是产品给用户的第一印象,图标视觉设计的 ...
- ui设计需要做android和苹果版本,UI知识,安卓和苹果的界面设计之尺寸规范
在手机大行其道的今天,设计师难免会和手机打交道,因而在设计过程中,了解手机的界面尺寸规范显得尤为重要. iPhone.iPad.Android UI常用设计尺寸 iPhone: APPLE APP S ...
- 关于嘉立创贴片下单流程及接单规范汇总
关于嘉立创贴片下单流程及接单规范汇总 嘉立创SMT贴片打样快速入门: 简而言之: 就是嘉立创帮您焊好常用元件,到手即可用,而且是机器焊接,工业级的品质. 下订单流程: 简单来说 其实只需要 这么两步流 ...
- ios app 上传之预览、屏幕快照尺寸规范
App 预览规范 (iOS.tvOS) 您可以提供 tH.264 和 ProRes 422(仅限 HQ)格式的 App 预览,并且需要具有如下规格: 视频规格 表头 H.264 格式 ProRes 4 ...
最新文章
- JAVA编译异常处理:java.lang.OutOfMemoryError: PermGen space
- 爬小说遇到编码问题 笔趣阁
- 内网穿透和内网映射区别是什么?
- 更新被拒绝,因为远程仓库包含您本地尚不存在的提交。这通常是因为另外
- python代码-我整理的Python代码规则
- 本地电脑安装虚拟机-解决USB驱动报错(代码 39)问题
- PX4-python安装更换源
- 计算机设备选型的基本原则,设备选型的概念和选型依据
- ZCMU 1919: kirito's 星爆气流斩(多重背包+二进制优化)
- uni-app保存图片到本地相册
- vr虚拟仿真教学系统应用场景开发
- Android中singleTask模式没起作用!!
- 几种分布式存储系统的分析
- 7月火影忍者服务器维护,7月12日停机更新公告
- 权限项目 1_搭建环境
- linux jineu vi,Oxidation of Oil Sands Process-Affected Water by Potassium Ferrate(VI)
- 利用Matla绘制多元函数的梯度
- Windows驱动(加载驱动)
- 资本“封神榜”:吹爆了的爱美客
- html中关于下拉框的2中设置方法(移入显示下拉框)
热门文章
- C#winform实现下载文件的功能
- merge r语言daframe_R语言:数据框
- 修改XAMPP端口(2)
- help/Makefile.am:21: error: USE_NLS does not appear in AM_CONDITIONAL
- 日常投票评分:大多都是拉票
- UOS系统JAVA应用在任务栏显示类名的问题跟踪调用
- MAC使用find命令的正确办法
- eclipse打开就闪退怎么办?
- LINUX下载编译opusfile/opus-tools
- 为不干活的员工辩护,要小心