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

324234sdfsdfasdf撒打发士大夫撒打发士大夫

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%

内容来自: http://tool.lanrentuku.com/guifan/ui.html

iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸的更多相关文章

  1. 移动端App开发 - 02 - iPhone/iPad/Android UI尺寸规范

    移动端app开发 - iPhone/iPad/Android UI尺寸规范 本笔记抛去无用的前期分析什么的,全是干货,简洁干练 本笔记不单独针对 ios 或者 Android,两种都介绍,当然我们实际 ...

  2. iPhone/iPad/Android UI尺寸规范

    iPhone界面尺寸

  3. Android开发怎么让自己的APP UI漂亮、大方（规范篇一）

    首先,笔者是站立在开发者的角度来看UI设计的,欢迎专业人士提供指导,不多说,来看怎么把UI设计和开发高效结合起来~ 一.约定APP开发中的一些规则 1.大部分图标满足HDPI(高清)即可,比如:大众点 ...

  4. 【Xamarin挖墙脚系列：现有IPhone/IPad 设备尺寸】

    原文:[Xamarin挖墙脚系列:现有IPhone/IPad 设备尺寸]

  5. APP UI设计及切图规范

    APP UI设计及切图规范 1.概述 1.1 编写目的 该文档主要针对移动端开发的视觉设计和开发过程中的工作环节做统一的规划规范,是系统进入UI设计的前置文档.部分内容来自网络收集修编,转载请注明由 ...

  6. JQuery 判断IPad、IPhone、Android是横屏还是竖屏（Window.Orientation实现)

    在ipad.iphone网页开发中,我们很可能需要判断是横屏或者竖屏.下面就来介绍如何用 jQuery 判断iPad.iPhone.Android是横屏还是竖屏的方法. 代码如下: function ...

  7. 精美的 ( Android, iPhone, iPad ) 手机界面设计素材和线框图设计工具

    在制作界面原型的时候,如果有现成的界面基础元素可以使用的话,设计师就可以非常快速的完成原型的制作,能够节省大量的时间和精力.在这篇文章, 我向大家分享45套非常有用的 UI 和 Wireframe 套 ...

  8. [Android]使用AdapterTypeRender对不同类型的item数据到UI的渲染

    以下内容为原创,转载请注明: 来自天天博客:http://www.cnblogs.com/tiantianbyconan/p/3992843.html 本文讲的工具均放在AndroidBucket开源 ...

  9. Android系统Surface机制的SurfaceFlinger服务渲染应用程序UI的过程分析

    参考:Android系统Surface机制的SurfaceFlinger服务渲染应用程序UI的过程分析 一句话概括一下Android应用程序显示的过程:Android应用程序调用SurfaceFlin ...

随机推荐

  1. nuget的搭建及多源冲突

    为什么使用nuget来管理类库引用就不再阐述,好处真的一抓一把.在使用nuget的时候,我们如果总去访问别人的nuget源,受限于网络情况的好坏,速度真的没法保证,更别说访问国外的源了.那好,我们来自 ...

  2. Windows10下的JDK环境配置。

    首先附上JDK资源: 下载地址:Java SE Development Kit 8u112 PS:32位系统下载X86,64位系统下载X64 JDK安装: 此处省略安装步骤..... PS:记住JDK ...

  3. 由表单验证说起，关于在C#中尝试链式编程的实践

    在web开发中必不可少的会遇到表单验证的问题,为避免数据在写入到数据库时出现异常,一般比较安全的做法是前端会先做一次验证,通过后把数据提交到后端再验证一次,因为仅仅靠前端验证是不安全的,有太多的htt ...

  4. python拆分CANLog

    通过CANOE 导出的log通常有很多个ID的数据,如何才能找到某一个ID下的特殊的信号?利用python可以简单的进行这个步骤,代码如下: 说明: 最终的效果是将log信息,分不同的ID进行拆分,并 ...

  5. 关于清除arp 缓存的那点事儿

    在Linux下,清除arp缓存表,例如: arp -d 10.0.3.6 我们可以用上面这条命令清除某一条记录,也可以用 arp -n |awk '/^[1-9]/{print "arp - ...

  6. RIDE小技巧——Content Assistance快捷键(CTRL+空格)的修改

    大家在用RIDE Content Assistance功能的快捷键时会与机器中是输入法的切换相冲突,这里提供一下修改的位置,大家可以根据个人的喜好修改. 有三处需要修改: {Python_home}\ ...

  7. python address already in use

    1)找到使用端口的进程pid netstat -lp 2)kill掉pid kill -9 1234

  8. 遍历list、set、map和array

    public static void main(String[] args) { /*1. List*/ ArrayList<Integer> list = new ArrayList&l ...

  9. ACM/ICPC 之 三维计算几何+暴力枚举+判重(HDU5839)

    CCPC网赛第八题,求立体几何数量,题解见注释 //立体几何-求满足要求的四面体个数 //要求1:至少4条边相等 //要求2:四条边相等时,另两条边一定不相邻(即对边) //题解:以当前边为不相邻的其 ...

  10. （二）Netty源码学习笔记之服务端启动

    尊重原创,转载注明出处,原文地址:http://www.cnblogs.com/cishengchongyan/p/6129971.html  本文将不会对netty中每个点分类讲解,而是一个服务端启 ...