APP适配IOS8，iPhone6和Plus截图简要说明
幸在9月25日拿到了iP6和iP6 Plus的真机，恰好又要做适配APP的工作（从iphone5上适配到iphone6和ip6 plus上），所以在真机上研究了下苹果官方在不同分辨率下对系统APP所做的适配。同时在网上也没找到相关的真机对比截图说明什么的，又有朋友问我要IP6和PLUS的真机截图回去自己研究，既然这样，那么干嘛不利用自己已有的资源，让更多的设计师受益呢？所以那就说点什么吧，抛砖引玉，希望大家可以共同研究，少走些弯路，共同成长。
之前看过@jingdesign 的关于适配ip6的文章：快速适配iPhone6及plus的诀窍。 还有@罗磊的文章：Web开发者和设计师必须要知道的 iOS 8 十个变化。作为参考（有摘抄部份）。
------------------------------------------------------------------
一：Title bar和Tab bar 高度
Title bar ： ip5/6的 高度是88px，plus 的高度是132px （88x1.5=132）
Tab bar ： ip5/6的 高度是98px ， plus 的高度是147px （ 98x1.5=147）
ip5和ip6的Title bar和Tab bar的高度没变,并且tab bar的icon的大小也没变，只是整栏的宽拉伸了，所以IOS工程师在早期开发的时候如果用的是Autolayout自动布局会很爽，如果是布局写死了，那真是要一个界面一个界面的改了。
结论：类似的状态栏高度不变，可以直接拉伸宽度调整间距即可，还有设置界面等，甚至代码是自动布局的话间距都不用调。
二：Tab bar的icon大小
图中标识的是排行榜的大小：ip5=46x46px , ip6=46x46px，ip6plus=69x69px（是46px的1.5倍）。
结论：ip6的icon,大多可以直接使用ip5的资源，plus的icon需要把ip5的icon资源x1.5倍即可，（我们当时开发xx软件的时候，android的设计尺寸是基于1080P的，我把android的资源拿出来用在plus上是完全可以的，所以开发android用的是1080P屏幕的设计师有福了，以上划线文字是原文，有错误不严谨的地方，1080P，可以将就用，我曾经把我们的 android 的1080P资源名称改成@3x，没调整大小直接放到 xcode里，模拟器跑起来 icon是很清楚的，这也可能是我们的 android 并不是640直接缩放到1080，而是每个界面手动调整的，所以资源可以暂用到 plus 上，我初期刚适配的时候是这么干的，后来发现部分图标无法识别，所以现在我又在把那些资源一个一个手动的调整成 plus 可用的 3倍（@3x）大小。）
（在解释一下：例如ip5的某个icon名为:star@2x.png，那么我把android里面相同的icon拿过来改名子为 star@3x.png，直接扔到star@2x.png的同文件夹里面，xcode可以识别为plus的资源的，并且模拟器跑起来后icon的确变成高清的了，和别的没有替换的区别很明显。）
------------------------------------------------------------------
四：相册
在看相册的变化（ip6 plus 对比 ip6截图），类似的位图应该都是等比放大的，并没有像 app store单行增加数量，ip6相册单个图片的大小是186x186px，plus 的单个大小是309x309px，
所以类似这样的界面， 可以等比缩放就可以了。
------------------------------------------------------------------
五：桌面 Icon:
在来看一下桌面icon的大小对比
iphone5=120x120px iphone6=120x120px iphone6 plus=180x180px (是iphone5/6的1.5倍，即@3x)
结论：icon要出一套180x180px的尺寸。
同理：关于启动图，也就是闪屏，如果你的webapp有一个启动图，那么你又得增加两行代码适配新 iPhone 了。闪屏iPhone 6对应的图片大小是750×1334px，iPhone 6 Plus 对应的是1242×2208px.
------------------------------------------------------------------
六：自动布局及 svg 等
苹果好像在IOS6的时候就提供了一种解决方案，自动布局Auto Layout ：Auto Layout Guide: Introduction，如果设计师了解html和css会容易理解一些，我自己也只是了解html的皮毛，设计师在设计界面的时候标注的数据最好不要写固定的多少px,使用绝对定位那是iP4之前的方案，尤其现在出来了ip6和plus，如果现在还用绝对定位，设计师和工程师效率会很低，所以我们和工程师沟通的时候最好使用的是靠左，右多少，居中，及控件在屏中大小及位置是几分之几之类的标注，Auto Layout可以根据不同的设备尺寸自动计算UIView的frame，这样会更有效方便的适配更多的尺寸。
Xcode6已经开始支持 FDP/svg 格式的矢量图片了，和我们的工程师沟通说可以直接出一张 PDF 的图片即可，我用 PS 导出pdf到xcode上测试可用了，顺便问一下，大家没有可以批量导出psd图层为pdf格式切图的方法，难道只能一个一个切？
------------------------------------------------------------------
所有的ip6&plus真机截图放在附件里面供大家下载研究。(压缩包是mac自带压缩的，在windows解压可能会乱码，哪位朋友方便可以重新上传一次分享给大家哦。)
转载请保留以下信息，因为我还会针对不严谨的地方及新的发现随时修改。（最后更新于2014-10-29 09：40）
————————————————————————————————————————————
本文转载自UI 中国，作者@ youngxkk
原文地址 http://www.ui.cn/project.php?id=26980]]>
正文：
首先我们先看一下iphone5，iphone6和iphone6 plus的一些数据对比：
iphone5/s iPhone 6 iPhone 6 Plus 尺寸 4” 4.7” 5.5” Viewport’s device-width (in CSS pixels) 320 375 414 Viewport’s device-width (Android设备同分辨率参考) 360 360 400 Device Pixel Ratio 像素比 2 2 3 (近似值) Rendered Pixels 渲染像素 (默认 viewport size * dpr) 640x1136 750×1334 1242×2208 Physical pixels 物理像素（手机显示像素） 640x1136 750×1334 1080×1920 PPI 每英寸所拥有的像素数 326 326 401 Status Bar 状态栏高 (px) 40 40 60 Title Bar 导航条高 (px) 88 88 132 Tab Bar 底栏高 (px) 98 98 147 桌面 icon (px) 120 120 180 图片资源后缀名 @2x @2x @3x 这里是给前端参考的：iPhone 6与 iphone 5一样，像素比都是2，但是另一方面 iPhone 6 plus 401的dpi真实的像素比值应该大约是2.60。为了解决这个问题，苹果又整了个新概念rendered pixels 渲染像素，如果像素比是3x,那么理论上一个css宽设为414px的屏幕应该拥有1242px的物理像素（现实中是1080px，小了13%）。（像素比的计算方法是：前端的代码是把iPhone4，5的屏幕宽度写为320px，而此时 iphone4，5的所有产品实际宽的像素是640PX，所以像素比是2，iphone6的 CSS 中是375px,实际像素是750px,像素比也是2，而 plus 就不是了。） 因此，如果你使用一个3x的图给高清的安卓设备，同样这样图也会适配 iPhone 6 Plus 但是iPhone 的浏览器在渲染在屏幕之前首先会调整图片大小。 然后我把3个屏幕的App Store界面截图拿来对比一下：（无法查看原图？） 点击这里可以查看高清大图：http://www.ui.cn/project.php?id=27104
一：Title bar和Tab bar 高度
Title bar ： ip5/6的 高度是88px，plus 的高度是132px （88x1.5=132）
Tab bar ： ip5/6的 高度是98px ， plus 的高度是147px （ 98x1.5=147）
ip5和ip6的Title bar和Tab bar的高度没变,并且tab bar的icon的大小也没变，只是整栏的宽拉伸了，所以IOS工程师在早期开发的时候如果用的是Autolayout自动布局会很爽，如果是布局写死了，那真是要一个界面一个界面的改了。
结论：类似的状态栏高度不变，可以直接拉伸宽度调整间距即可，还有设置界面等，甚至代码是自动布局的话间距都不用调。
二：Tab bar的icon大小
图中标识的是排行榜的大小：ip5=46x46px , ip6=46x46px，ip6plus=69x69px（是46px的1.5倍）。
结论：ip6的icon,大多可以直接使用ip5的资源，plus的icon需要把ip5的icon资源x1.5倍即可，（我们当时开发xx软件的时候，android的设计尺寸是基于1080P的，我把android的资源拿出来用在plus上是完全可以的，所以开发android用的是1080P屏幕的设计师有福了，以上划线文字是原文，有错误不严谨的地方，1080P，可以将就用，我曾经把我们的 android 的1080P资源名称改成@3x，没调整大小直接放到 xcode里，模拟器跑起来 icon是很清楚的，这也可能是我们的 android 并不是640直接缩放到1080，而是每个界面手动调整的，所以资源可以暂用到 plus 上，我初期刚适配的时候是这么干的，后来发现部分图标无法识别，所以现在我又在把那些资源一个一个手动的调整成 plus 可用的 3倍（@3x）大小。）
（在解释一下：例如ip5的某个icon名为:star@2x.png，那么我把android里面相同的icon拿过来改名子为 star@3x.png，直接扔到star@2x.png的同文件夹里面，xcode可以识别为plus的资源的，并且模拟器跑起来后icon的确变成高清的了，和别的没有替换的区别很明显。）
评论区