189 8069 5689
1、苹果手机iOS界面设计尺寸和分辨率
成都创新互联主要从事成都做网站、成都网站制作、成都外贸网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务宁远,十多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
（1）界面尺寸：3.5英寸（iPhone1/2/3/4/4S）、4英寸（iPhone5/5S/5C）、4.7英寸（iPhone6/6S）、5.5英寸（iPhone6 plus/6S plus）等。
（2）分辨率：320*480像素（iPhone1/2/3）、640*960像素（iPhone4/4S）、640*1136像素（iPhone5/5S/5C）、750*1334像素（iPhone6/6S）、1080*1920像素（iPhone6 plus/6S plus）等。
2、苹果iOS界面
iOS是由苹果公司开发的移动操作系统。苹果公司最早于2007年1月9日的Macworld大会上公布这个系统，最初是设计给iPhone使用的，后来陆续套用到iPod touch、iPad以及Apple TV等产品上。iOS与苹果的Mac OS X操作系统一样，属于类Unix的商业操作系统。
3、发展历程
（1）2007年1月9日苹果公司在Macworld展览会上公布，随后于同年的6月发布第一版iOS操作系统，最初的名称为“iPhone Runs OS X”。
（2）2007年10月17日，苹果公司发布了第一个本地化iPhone应用程序开发包（SDK），并且计划在2月发送到每个开发者以及开发商手中。
（3）2008年3月6日，苹果发布了第一个测试版开发包，并且将“iPhone runs OS X”改名为“iPhone OS”。
（4）2008年9月，苹果公司将iPod touch的系统也换成了”iPhone OS“。
（5）2010年2月27日，苹果公司发布iPad，iPad同样搭载了”iPhone OS”。这年，苹果公司重新设计了“iPhone OS”的系统结构和自带程序。
（6）2010年6月，苹果公司将“iPhone OS”改名为现在的“iOS”。
6.7英寸 —— 1242 * 2688 px —— 12 Pro Max / 13 Pro Max
6.5英寸 —— 1242 * 2688 px —— Xs Max / 11 Pro Max
6.1英寸 —— 828 * 1792 px —— XR / 11 / 12 / 12 Pro / 13 / 13 Pro
5.8英寸 —— 1125 * 2436 px —— X / Xs / 11 Pro
5.5英寸 —— 1242 * 2208 px —— 6+ / 6s+ / 7+ / 8+
4.7英寸 —— 750 * 1334 px —— 6 / 6s / 7 / 8 / SE2
4 英寸 —— 640 * 1136 px —— 5 / 5s / 5c / SE
3.5英寸 —— 640 * 960 px —— 4 / 4s
1 iOS设备的分辨率
iOS设备，目前最主要的有3种（Apple TV等不在此讨论），按分辨率分为两类
iPhone/iPod Touch
普屏分辨率 320像素 x 480像素
Retina分辨率 640像素 x 960像素
iPad,iPad2/New iPad
普屏 768像素 x 1024像素
Retina屏 1536像素 x 2048像素
2 iOS设计时用的点与分辨率的关系
尽管有上面列出的4种分辨率情况，不过细心的人会发现，对于Retina屏的分辨率始终保持为普屏的2倍，这对于iOS的设计还是开发的时候提
供的莫大的方便，自然可以想到对于界面设计而言，只需要设计一套，然后进行等比例放大缩小即可。实际进行设计与开发的时候，也确实是这样，Apple为了
防止在交流过程中（尤其对于编程实现）分辨率对思维的迷惑，统一使用点（Point）对界面元素的大小进行描述，例如：
iPhone/iPod Touch
界面描述 320点 x 480点
iPhone/iPad
界面描述 768点 x 1024点
换算关系
普屏 1点 = 1像素
Retina屏 1点 = 2像素
这样，不管我们是在为普屏还是Retina屏进行设计与开发，我们都可以清楚地，并且统一地使用点对界面元素的大小进行描述了。
3 iOS界面图片的命名
现在我们能够用统一的语言描述两种屏幕的界面元素的大小，但是我们如何针对不同屏幕设置不同分辨率的图片素材呢？难道说开发的时候我们要在每一
个图片加载的地方进行，添加判断当前设备是否是Retina屏的语句，然后加载对应的图片吗？当然可以这样做，但是iOS有一套更简便的方法进行自动加
载，即通过规范的文件名命名。例如下面这条加载图片的语句：
[UIImage imageNamed:@"pic.png"]]
在实际运行时，如果发现当前的设备是Retina屏，会自动寻找图片"pic@2x.png" ，自动加载针对Retina屏的图片素材，是不是很方便呢？
所以，我们在制作iOS设备时，可以仿照下面这样，对图片文件进行分类，对于640x960文件夹里的图片，文件命名添加"@2x"即可。
4 iOS应用常用图标的命名规范
可以参考下面两个文档：
Apple对此问题的QA
Apple的官方说明文档
请务必按照文档中描述的规范进行图标的命名！！
PS：一些额外的图标参考
a 图标会自动添加高亮效果，如果不需要，可以在plist中明确指定UIPrerenderedIcon的键值去掉
b 57像素的普屏的iPhone图标，图标圆角的半径为10像素
c 114像素Retina屏的iPhone图标，图标圆角的半径为20像素
d 512像素的用于iTunes/App Store的图标，在实际显示是会被缩放到175像素进行显示（但提交是不可以提交175像素）
e 72像素的普屏iPad图标，图标圆角的半径为13像素
f 144像素Retina屏iPad图标，图标圆角的半径为26像素
g 50像素iPad的Spotlight搜索图标的最终视觉大小是48像素，原因是iOS会对图标的每个边去掉1个像素，添加阴影效果
h 100像素Retina屏的Spotlight搜索图标的最终视觉大小是96像素，原因同上，这次是每边减2个像素