网站模板|织梦模板下载|DEDECMS网站二次开发【织梦龟】
当前位置: 首页 > 在线工具 > UI尺寸规范 > >

iPhone/iPad/Android UI尺寸规范

UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸

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%

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

© 2018 织梦龟 版权所有
网页模板 网页模板下载大全 网页模板下载 网页模板 html 网页模板免费下载 网页模板psd 网页模板小偷 网页模板素材 网页模板怎么用 网页模板之家 网页模板网站 网页模板大全 网页模板图片 网页模板html 网页模板代码 免费网页模板下载大全 政府事业单位网页模板下载大全 网页模板下载免费 html静态网页模板下载 网页模板下载html格式 网页模板下载工具 网页模板下载工具破解版 网页模板下载一个页面全展示 静态网页模板下载 个人网页模板下载 dw个人网页模板下载 网页模板 网盘 免费网页模板下载 个人网页模板 免费网页模板 咖啡网页模板 网页模板 科技 搜索网页模板 html php网页模板 网页模板html下载 简单网页模板html 中文网页模板html 网页模板html5 网页模板html源码 个人网页模板html 个人介绍网页模板html 静态网页模板html 免费网页模板html 会员中心网页模板html 网页模板免费下载完整版 淘宝网页模板免费下载 html网页模板免费下载 个人网页模板免费下载 psd网页模板免费下载 dw网页模板免费下载 静态网页模板免费下载 中文网页模板免费下载 dreamweaver网页模板免费下载 个人简历网页模板免费下载 jquery网页模板免费下载 免费网页模板大全 html网页模板下载 网页模板psd下载 网页模板psd免费下载 网页模板小偷破解版 简单网页模板下载 psd网页模板下载 h5网页模板免费下载 网页模板素材图片 网页模板素材下载 网页模板素材免费下载 免费网页模板素材 html网页模板素材 dw网页模板素材 个人网页模板素材 美食网页模板素材 旅游网页模板素材 班级网页模板素材 下载的网页模板怎么用 psd网页模板怎么用 简单html静态网页模板 网页模板怎么修改 html网页模板源代码 金融网页模板 php网页模板下载 自我介绍网页模板代码 网页模板之家下载 html网页模板之家 个人网页模板之家 中文网页模板之家 html5网页模板之家 免费网页模板之家 静态网页模板之家 网页模板网站好 网页模板网站模板 网页模板网站有哪些 免费网页模板网站 比较好的网页模板网站 中文楼盘网页模板大全 网页模板图片html 淘宝网页模板图片 个人网页模板图片 美食网页模板图片 简单网页模板图片 企业网页模板图片 网站模板 网站模板下载 网站模板 免费 网站模板免费下载 网站模板下载免费 网站模板之家 网站模板商城 手机网站模板 响应式网站模板 网站模板源码 免费网站模板 网站模板库 网站模板之家免费下载 网站模板 上寻模板 网站模板大全 网站模板制作 手机网站模板下载 公司网站模板下载 网站模板下载后怎么修改 网站模板下载受限制 网站模板下载页面源码 网站模板代码 服务网站模板下载 论坛网站模板下载 网站模板下载html 网站模板下载后如何使用 网站模板下载器 网站模板下载工具 网站模板下载机械手 网站模板下载网站 网站模板下载模板下载 网站模板下载软件 中文网站模板免费 企业网站模板免费 网站模板免费下载酒店管理系统 简历制作网站模板免费 html网站模板免费 个人网站模板免费 html5网站模板免费 大气网站模板免费 网站模板 免费下载 轰趴网站模板 免费 个人网站模板 商务网站模板 手机商城网站模板 公司网站模板 企业门户网站模板 棋牌游戏网站模板 php网站模板免费下载 网站模板免费下载 宝宝成长 中文网站模板免费下载 个人网站模板免费下载 手机网站模板免费下载 公司网站模板免费下载 企业网站模板免费下载 织梦网站模板免费下载 旅游网站模板免费下载 html网站模板免费下载 企业网站模板下载 淘宝客网站模板下载 中文网站模板下载 个人网站模板下载 html5网站模板下载 asp网站模板下载 传奇网站模板下载 flash网站模板下载 汽配网站模板下载 网站模板下载免费下载 免费网站模板下载 免费网站模板大全 免费静态网站模板 dw网站模板免费下载 中文网站模板下载免费 个人网站模板之家 响应式网站模板之家 中文网站模板之家 博客网站模板之家 装饰网站模板之家 旅游网站模板之家 网站模板百度云 网站模板多少钱 网站模板怎么做 html网站模板下载 动态网站模板 中文网站模板 手机网站模板 html5 手机网站模板设计规范 手机网站模板设计框架 html5 手机 网站模板 手机网站模板html5 手机网站模板大全 手机网站模板图片 手机网站模板带后台 手机网站模板素材 手机网站模板源码 手机网站模板css 手机网站模板cms 响应式网站模板下载 中文响应式网站模板 响应式网站模板免费下载 响应式模板 响应式模板下载 织梦响应式模板 网站响应式模板 响应式模板是什么意思 响应式模板之家 html5响应式模板 bootstrap响应式模板 免费响应式模板 什么是响应式模板 后台响应式模板 响应式模板 导航 响应式模板html 响应式模板代码 响应式模板源码 响应式模板 图片被压缩 响应式模板 源码之家 响应式模板代码怎么写 响应式模板快照里没内容 织梦响应式模板下载 css响应式模板 响应式模板是什么 响应式模板网站 网站响应式模板下载 html5响应式模板下载 h5响应式模板下载 免费织梦响应式模板 html5响应式模板网站 免费响应式模板下载 免费响应式模板网站 bootstrap响应式模板下载 响应式模板 导航栏 响应式模板html5 织梦html5响应式模板 响应式模板源码下载 h5免费响应式模板 公司网站非响应式模板 响应式模板什么意思 响应式模板 站长之家 html响应式模板 css响应式模板下载 番禺html5响应式模板 响应式模板网站模板 h5响应式模板 免费织梦响应式模板下载 html5响应式模板网站模板 免费响应式模板网站模板 h5建站响应式模板 h5响应式模板自助建站 酒水h5响应式模板 织梦html5响应式模板下载 h5免费响应式模板网站 h5免费响应式模板下载 html响应式模板下载 响应式模板网站模板下载 番禺响应式模板 h5响应式模板网站 html5响应式模板网站模板下载 免费响应式模板网站模板下载 h5建站响应式模板下载 响应式模板建站 织梦模板 织梦模板免费下载 织梦模板网 织梦模板 寻模板 织梦模板安装教程 织梦模板下载 织梦模板修改教程 织梦模板怎么安装 织梦模板官网 织梦模板之家 织梦模板安装 织梦模板怎么修改主页 织梦模板教程 织梦模板修改 dede织梦模板免费下载 单页织梦模板免费下载 织梦模板网站 大西北织梦模板网 织梦模板怎么写 织梦模板安装教程视频 免费织梦模板 织梦模板下载了怎么用 营销型响应式织梦模板下载 织梦模板修改教程视频 织梦模板怎么安装教程 织梦模板安装步骤 织梦模板安装流程 织梦模板安装过了再次安装 织梦模板安装完如何使用 织梦模板安装详细教程 织梦模板安装以后栏目页打不开 织梦模板修改不了 织梦模板修改index.php 织梦模板修改风格颜色 织梦模板修改后怎么生成? 织梦模板修改数据库 织梦模板怎么修改 织梦模板修改视频教程 织梦模板教程视频 织梦模板免费 织梦模板替换教程 织梦模板仿制教程 织梦模板更换教程 免费织梦模板下载 织梦模板源码下载 织梦模板安装出现dir 织梦模板如何安装 如何用dw修改织梦模板 织梦模板网站模板 织梦模板修改首页布局 织梦模板主页修改 织梦模板之家官网 织梦模板使用教程 织梦模板安装教程视频教程 dede织梦模板 织梦模板idedecms 百度云免费织梦模板 织梦模板安装dede 织梦模板建站教程 织梦模板修改教程视频教程 织梦模板安装不了 织梦模板怎么安装教程视频 织梦模板本地安装教程 织梦模板视频教程 织梦模板制作视频教程 免费织梦模板响应式 织梦模板制作教程 织梦模板安装详细教程视频 织梦模板logo修改 织梦模板如何使用 织梦模板使用 织梦模板怎么使用 织梦模板中使用if 织梦模板中使用php 织梦模板默认风格 织梦模板怎么修改不了 织梦模板首页修改 如何修改织梦模板 织梦模板写php 怎么修改织梦模板颜色 织梦模板风格 织梦模板数据库 织梦模板怎么修改logo 织梦模板生成二级导航 织梦模板教程视频教程 织梦模板更换教程视频 织梦模板替换图片 怎么替换织梦模板 织梦模板替换 免费织梦模板下载地址 织梦模板logo更换 织梦模板dir 织梦模板如何安装教程 织梦模板网站模板免费下载 wordpress主题 wordpress主题模板 wordpress主题免费下载 wordpress主题 免费 wordpress主题安装 wordpress主题制作 wordpress主题下载 wordpress主题公园 wordpress主题 直接拖拽式建站 wordpress主题汉化 wordpress主题开发 wordpress主题安装失败 wordpress主题制作教程 wordpress主题之家 wordpress主题修改 wordpress主题模板下载 简洁wordpress主题 wordpress主题定制 wordpress主题教程 最新wordpress主题 wordpress主题推荐 wordpress主题网站 wordpress主题wpdx wordpress主题文件夹 wordpress主题框架 wordpress主题tint wordpress主题酒店 wordpress主题苏醒 wordpress主题 免费下载 wordpress主题安装教程 wordpress主题安装不成功 wordpress主题安装后不能切换 wordpress主题安装 ftp wordpress主题安装卡住 wordpress主题安装成功不显示 wordpress主题安装但不完整 wordpress主题安装后效果不一样 wordpress主题安装后怎么使用 wordpress主题安装后不显示 wordpress主题安装设置教程 魔客吧wordpress主题安装 wordpress主题制作视频教程 wordpress主题制作表单 wordpress主题page页面 wordpress主题下载失败 wordpress主题下载在哪里 wordpress主题免费 房地产 wordpress主题下载 免费的wordpress主题 wordpress主题制作器 wordpress主题设计 wordpress主题开发教程 wordpress主题开发视频 wordpress主题开发站 wordpress主题开发 文章分类 wordpress主题开发视频教程 wordpress主题汉化插件 wordpress主题汉化教程 wordpress主题开发视频课程 wordpress主题下载zip wordpress主题汉化包使用方法 wordpress主题汉化破解 wordpress主题插件汉化 wordpress主题模板下载失败 wordpress主题官方 wordpress主题教程黄聪 wordpress主题网站模板 简洁的wordpress主题 wordpress主题收费推荐 wordpress主题 wpdx 黑镜wordpress主题破解 focus wordpress主题 wordpress主题破 wordpress主题ftp安装 wordpress主题不显示 ftp上传wordpress主题 wordpress主题安装成功不显示不出来 wordpress主题使用 wordpress主题安装后不显示不出来 wordpress主题后门 wordpress主题设置 wordpress主题吧 wordpress主题下载在哪里设置 如何破解wordpress主题 免费的wordpress主题下载