mdpi的手机_APP设计尺寸
app设计尺寸是做app设计的设计师必须懂得的app设计标准,下面收集了常用的iOS与安卓相关尺寸数据!
iPhone界面尺寸
设备
分辨率
状态栏高度
导航栏高度
标签栏(工具栏)高度
iPhone7 plus
1080 × 1920
54px
132px
146px
iPhone7
750 × 1334
40px
88px
98px(88px)
iPhone6 plus设计版
1242 × 2208
60px
132px
146px
iPhone6 plus物理版
1080 × 1920
54px
132px
146px
iPhone6
750 × 1334
40px
88px
98px(88px)
iPhone5s
640 × 1136
40px
88px
98px(88px)
iPhone5c
640 × 1136
40px
88px
98px(88px)
iPhone5
640 × 1136
40px
88px
98px(88px)
iPhone4s
640 × 960
40px
88px
98px(88px)
iPhone4
640 × 960
40px
88px
98px(88px)
iPhone图标尺寸
系统
分辨率
圆角大小
iOS 6-
90px - 1024px
约为图标宽度 × 0.175
iOS 7+
90px - 1024px
约为图标宽度 × 0.225
Asset
iPhone 6 Plus (@3x)
iPhone 6 and iPhone 5 (@2x)
iPhone 4s (@2x)
iPad and iPad mini (@2x)
iPad 2 and iPad mini (@1x)
App icon
(required for all apps)
180 × 180
120 × 120
120 × 120
152 × 152
76 × 76
App icon for the App Store
(required for all apps)
1024 × 1024
1024 × 1024
1024 × 1024
1024 × 1024
1024 × 1024
Launch file or image
(required for all apps)
Use a launch file
(see Launch Images)
For iPhone 6, use a launch file
(see Launch Images)
For iPhone 5, 640 × 1136
640 × 960
1536 × 2048 (portrait)
2048 × 1536 (landscape)
768 × 1024 (portrait)
1024 × 768 (landscape)
Spotlight search results icon
(recommended)
120 × 120
80 × 80
80 × 80
80 × 80
40 × 40
Settings icon
(recommended)
87 × 87
58 × 58
58 × 58
58 × 58
29 × 29
Toolbar and navigation bar icon
(optional)
About 66 × 66
About 44 × 44
About 44 × 44
About 44 × 44
About 22 × 22
Tab bar icon
(optional)
About 75 × 75
(maximum: 144 × 96)
About 50 × 50
(maximum: 96 × 64)
About 50 × 50
(maximum: 96 × 64)
About 50 × 50
(maximum: 96 × 64)
About 25 × 25
(maximum: 48 × 32)
Default Newsstand cover icon for the App Store
(required for Newsstand apps)
At least 1024 pixels on the longest edge
At least 1024 pixels on the longest edge
At least 1024 pixels on the longest edge
At least 1024 pixels on the longest edge
At least 512 pixels on the longest edge
Web clip icon
(recommended for web apps and websites)
180 × 180
120 × 120
120 × 120
152 × 152
76 × 76
iPad界面尺寸
设备
分辨率
状态栏高度
导航栏高度
标签栏高度
iPad6/iPad Air2
2048 × 1536
40px
88px
98px
iPad5/iPad Air/ipad mini 2
2048 × 1536
40px
88px
98px
iPad4/ipad mini
2048 × 1536
40px
88px
98px
iPad3/the new iPad
2048 × 1536
40px
88px
98px
iPad2
1024 × 768
20px
44px
49px
iPad1
1024 × 768
20px
44px
49px
iPad Mini
1024 × 768
20px
44px
49px
iPad图标尺寸
系统
分辨率
圆角大小
iOS 6-
90px - 1024px
约为图标宽度 × 0.175
iOS 7+
90px - 1024px
约为图标宽度 × 0.225
Asset
iPhone 6 Plus (@3x)
iPhone 6 and iPhone 5 (@2x)
iPhone 4s (@2x)
iPad and iPad mini (@2x)
iPad 2 and iPad mini (@1x)
App icon
(required for all apps)
180 × 180
120 × 120
120 × 120
152 × 152
76 × 76
App icon for the App Store
(required for all apps)
1024 × 1024
1024 × 1024
1024 × 1024
1024 × 1024
1024 × 1024
Launch file or image
(required for all apps)
Use a launch file
(see Launch Images)
For iPhone 6, use a launch file
(see Launch Images)
For iPhone 5, 640 × 1136
640 × 960
1536 × 2048 (portrait)
2048 × 1536 (landscape)
768 × 1024 (portrait)
1024 × 768 (landscape)
Spotlight search results icon
(recommended)
120 × 120
80 × 80
80 × 80
80 × 80
40 × 40
Settings icon
(recommended)
87 × 87
58 × 58
58 × 58
58 × 58
29 × 29
Toolbar and navigation bar icon
(optional)
About 66 × 66
About 44 × 44
About 44 × 44
About 44 × 44
About 22 × 22
Tab bar icon
(optional)
About 75 × 75
(maximum: 144 × 96)
About 50 × 50
(maximum: 96 × 64)
About 50 × 50
(maximum: 96 × 64)
About 50 × 50
(maximum: 96 × 64)
About 25 × 25
(maximum: 48 × 32)
Default Newsstand cover icon for the App Store
(required for Newsstand apps)
At least 1024 pixels on the longest edge
At least 1024 pixels on the longest edge
At least 1024 pixels on the longest edge
At least 1024 pixels on the longest edge
At least 512 pixels on the longest edge
Web clip icon
(recommended for web apps and websites)
180 × 180
120 × 120
120 × 120
152 × 152
76 × 76
Android的设计尺寸
安卓由于机型相对较多,设计方式的适配方法与各尺寸大小可以参考本文档底部的各设备尺寸查询链接进行查阅使用。
屏幕尺寸
指实际的物理尺寸,为屏幕对角线的测量。
为了简单起见,Android把实际屏幕尺寸分为四个广义的大小:小,正常,大,特大。
像素(PX)
代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。
屏幕密度
为解决Android设备碎片化,引入一个概念DP,也就是密度。指在一定尺寸的物理屏幕上显示像素的数量,通常指分辨率。 为了简单起见,Android把屏幕密度分为了四个广义的大小:低(120dpi)、中(160dpi)、高(240dpi)和超高(320dpi) 像素= DP * ( DPI / 160 ) 例如,在一个240dpi的屏幕里,1DP等于1.5PX。
于设计来说,选取一个合适的尺寸作为正常大小和中等屏幕密度(尺寸的选取依据打算适配的硬件,建议参考现主流硬件分辨率),然后向下和向上 做小、大、特大和低、高、超高的尺寸与密度。
典型的设计尺寸
• 320dp:一个普通的手机屏幕(240X320,320×480,480X800)
• 480dp:一个中间平板电脑像(480×800)
• 600dp:7寸平板电脑(600x1024)
• 720dp:10寸平板电脑(720x1280,800x1280)
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手机分辨率和尺寸
设备
分辨率
尺寸
设备
分辨率
尺寸
三星Galaxy S3
4.8英寸
720 × 1280
三星Galaxy S4
5英寸
1080 × 1920
三星Galaxy S5
5.1英寸
1080 × 1920
三星Galaxy S6
4.5英寸
1200 × 1920
小米1
4英寸
480 × 854
小米1s
4英寸
480 × 854
小米2
4.3英寸
720 × 1280
小米2s
4.3英寸
720 × 1280
小米3
5英寸
1080 × 1920
小米3s(概念)
5英寸
1080 × 1920
小米4
5英寸
1080 × 1920
红米
4.7英寸
720 × 1280
红米Note
5.5英寸
720 × 1280
OPPO Find 7
5.5英寸
1440 × 2560
OPPO Find 7 轻装版
5.5英寸
1080 × 1920
OPPO N1 mini
5英寸
720 × 1280
OPPO R3
5英寸
720 × 1280
OPPO R1S
5英寸
720 × 1280
锤子 Smartisan T1
4.95英寸
1080 × 1920
华为 Ascend P7
5英寸
1080 × 1920
华为 Ascend Mate7
6英寸
1080 × 1920
华为 荣耀6
5英寸
1080 × 1920
华为 Ascend Mate2
6.1英寸
720 × 1280
华为 C199
5.5英寸
720 × 1280
HTC One (M8)
5英寸
1080 × 1920
HTC Desire 820
5.5英寸
720 × 1280
魅族 MEIZU MX4
5.36英寸
1152 × 1920
魅族 MEIZU MX3
5.1英寸
1080 × 1800
Web的设计尺寸
Windows XP任务栏的高度30px Windows 7任务栏的高度40px
主流浏览器的界面参数
浏览器
状态栏
菜单栏
滚动条
Chrome浏览器
22px(浮动出现)
60px
15px
火狐浏览器
状态栏高度
导航栏高度
标签栏高度
IE浏览器
状态栏高度
导航栏高度
标签栏高度
360浏览器
状态栏高度
导航栏高度
标签栏高度
系统分辨率统计
安全分辨率为1024 × 768 px 可建议大分辨率为1280 × 800 px 综合分辨率及浏览器下的统计数据
网页宽度与首屏高度
安全宽度1002 px 可建议较大宽度1258 px Window XP首屏大小580 px Window 7 首屏大小710 px
APP设计规范图片版
(方便大家保存本地离线查看!点击查看大图)
在线查询PC屏幕尺寸、Mac\Pro屏幕尺寸、iPad屏幕尺寸、iPhone屏幕尺寸与各类Android手机屏幕尺寸:点击查询最全屏幕尺寸
相关参考文档
3、圆角ICON:非官方的模板
4、iOS版本中默认字体:完整的预置字体列表
参考引文:
mdpi的手机_APP设计尺寸相关推荐
- mdpi的手机_【初印象】Android手机屏幕适配API:nodpi,xhdpi,hdpi,mdpi,ldpi
Android的碎片化设备状况,使得其API必须在不同的屏幕中选取合适的算法并展示,而在API级别上,的确也是有类似的定义,当然,我也终于明白,这是Android的显示效果始终跟不上苹果的原因 苹果的 ...
- wgt文件怎么安装到手机_APP更新无法正确安装wgt
var wgtVer = null; function plusReady() { // 获取本地应用资源版本号 plus.runtime.getProperty(plus.runtime.appid ...
- Android屏幕适配-必备知识
Android屏幕适配专题 Android屏幕适配-必备知识 Android屏幕适配-终结者 你是否被屏幕的各种参数(dpi.ppi等)搞的头晕眼花? 屏幕的密度到底是怎么回事? 应该如何来进行屏幕适 ...
- 安卓屏幕分辨率及UI尺寸详解
原文:http://blog.csdn.net/zouchao911/article/details/39648305 1.了解几个概念 (1)分辨率.分辨率就是手机屏幕的像素点数,一般描述成屏幕的& ...
- Android 屏幕适配
一.适配方式之dp 名词解释 分辨率:480*800,1280*720.表示物理屏幕区域内像素点的总和.(切记:跟屏幕适配没有任何关系) 因为我们既可以把1280*720 的分辨率做到4.0 的手机上 ...
- Android 屏幕尺寸知识
转自:http://www.zcool.com.cn/article/ZNjI3NDQ=.html 1.了解几个概念 (1)分辨率.分辨率就是手机屏幕的像素点数,一般描述成屏幕的"宽×高&q ...
- 02_反汇编_反编译
实际上安卓的应用都是zip包,只不过把zip扩展名修改了,修改成了APK.所以如果你想拿到它的图片的话,实际上特别简单,你就把它这个.apk换成.zip.换成.zip之后这里的图片资源就都可以拿到了. ...
- android 应用基础知识(2)---应用资源
Android资源 您应该始终外部化应用资源,例如图像和代码中的字符串,这样有利于您单独维护这些资源. 此外,您还应该为特定设备配置提供备用资源,方法是将它们分组到专门命名的资源目录中. 在运行时,A ...
- 浅谈屏幕适配 dp dip sp dpi ppi px sp
一.Drawable资源文件夹之间的关系 Android开发中,UI一般会制作多种图片素材,根据素材的分辨率大小,放在如下几个文件夹中: Android 工程里 res 目录下的 drawable-h ...
最新文章
- bat、sh等批处理文件(脚本文件)
- 使用openstack构建私有云计算平台
- ELK Stack 日志分析 Elasticsearch搜索权限
- F5 BIG-IP 远程代码执行漏洞 CVE-2021-22986 虚拟机上复现
- c语言 系统命令,c语言如何调用系统命令
- (94)Verilog HDL系统函数和任务:$ferror
- dwz框架在网站群项目中的应用(2)—html拓展之页面形式
- oracle数据库listener开启和关闭trace文件的方法
- 关于P,V操作理解的分析
- linux中的strip命令简介------给文件脱衣服
- MATLAB数字图像处理 实验一:图像处理基本操作(平移、放大、缩小、旋转、插值)
- 生活-急救常识(2)
- 怎样用 Excel 快速做数据分析?
- JDBC(Java数据库连接) 学习笔记 第四天
- 2019033期3d计算机开机号,3D历史120期开奖
- 图像处理:图像清晰度评价
- 腾讯QQ体验版 for Macv8.4.10.73官方
- 积水成渊之python——os.path.join()
- 四十八个音素发音方法
- 广州住房公积金提取、变更的步骤
热门文章
- 日活跃用户1亿,它凭什么一跃成为最受欢迎的社交App?
- EDA07--VCS仿真验证(一)
- springboot身体健康诊疗系统毕业设计源码181049
- 微信屏蔽拼多多小红书等外链,连带屏蔽QQ音乐,连自家兄弟也不放过!
- Spring入门——AOP(面向切面,切什么面?)
- self.canv.bookmarkPage(key, left=inch*0.5) ,为什么在reportlab中设置的缩进不生效?
- Python最好的就业方向
- byte[] valu 转 ByteBuffer
- oracle 层级 汇总,oracle 部门层级查询
- IEEE 写作指南(2022)