为什么6plus会有两个尺寸

      iOS的设计规范网上有很多资料，一粒君每次有疑惑的时候就会网上百度一下，不过过一段时间就会忘记。

我想还是没有理解，而且网上的资源人云亦云各有各的说法。最近这两天也搜集了一些资料研究了一下，应该是

这个道理，那今天一粒君就把自己所得写下来，若有问题希望大家可以指正。

首先先读明白这个表格吧，iPhone、iPod Touch一二三代他们不是视网膜屏，他们的ppi是163.

（那视网膜屏Retina的定义是什么？

      以上史蒂夫·乔布斯（Steve Jobs）在iPhone 4发布会上介绍视网膜技术时的场景，乔布斯是这样阐述

的：“当你所拿的东西距离你10-12英寸（约25-30厘米）时，它的分辨率只要达到300ppi这个‘神奇数

字’（每英寸300个像素点）以上，你的视网膜就无法分辨出像素点了。”这也就是苹果对“视网膜屏幕”的最

初定义，也就是说Retina屏幕是一种具备超高像素密度的液晶屏，它可以将960×640的分辨率压缩到一个3.5英

寸的显示屏内。也就是说，该屏幕的像素密度达到326像素/英寸（ppi）。

那ppi是什么？ 

       ppi(Pixels Per Inch) 叫像素密度，所表示的是每英寸所拥有的像素数量。ppi数值越高，即代表显示屏能够以越高的密度显示图像。当然，显示的密度越高，拟真度就越高。

那ppi是怎么计算得到的？

     用ppi指数衡量屏幕清晰度比但看分辨率更为准确，计算方法非常简单，公式表达为 PPI=√（X^2+Y^2）/ Z 

（X：长度像素数；Y：宽度像素数；Z：屏幕大小）就是用手机分辨率的长的平方加上宽的平方和再开方，再除

以手机屏幕尺寸，即为ppi参数。（举例：苹果手机分辨率为960X640，ppi=√（960^2+640^2）/ 3.5 计算约

为330与官方的326差别不大）。

       这样iPhone4、iPhone5～5s 5c及iPhone6都能看懂了。然后6p出现了三个数据，这也是一粒君有时候经

常搞不理解的地方。其实这里只有两个数据1080x1920、1242x2208.

      最开始拿着6p，5.5寸 屏幕大小事1080x1920,可是截图发现他怎么是1242x2208px。那我要拿哪个尺寸设

计，肿么办！！！

      1.为什么面板不是1242x2208，非要1080x1920px而降低采样分辨率(ppi),如果这样的话我们6p的ppi就是

462，那多清晰啊。

      2.那为什么原始分辨率不是1080x1920

我了解的应该是这样的原因：

      苹果决定在它迄今为止最大的iPone上采用1242px×2208px的分辨率。这样一个屏幕尺寸足够展现比iPhone 5S 和 iphone6 都丰富的界面内容。然而实际上，它仅仅体现在软件方面。硬件方面，苹果只能使用低分辨率1080p的面板来显示成像。

是不是还有很多问题比如说：

       1，为什么来一个这么尴尬的数字1242x2208；2，为什么ppi是401。有木有！我个人觉得这两个问题都是归属一个问题，只是先后的问题。我们知道苹果只能使用1080p的面板，我们可以计算出401的ppi，那为啥是1242x2208（好绕啊 哈哈哈）

其实是出于设计的考虑   

    之前的设计都是326，用@2x的素材。但是6+的实际ppi是401...理论上苹果应该用401/326 * @2x=@2.46x的

素材。但是这个奇葩的比例对开发者而言很难切图。所以苹果为方便开发者用的是@3x的素材，然后再缩放到

@2.46x上，实际上是缩放到2.46/3=83%。实际上苹果选取了一个接近比例的87%。这样算下来，物理分辨率和

虚拟分比率的比例是87%，也就是1920/0.87=2208，1080/0.87=1242.好处就是开发者更方便，比如准备素材

时，字号可以直接调成3x的。对了对了。。。那6p的1125x2001的尺寸是为了方便我们ui设计人员的一个虚拟尺

寸，并没有什么实际意义。

所以来一个设计流程吧（虽然我自己有时也不太规范，我想这次总结以后就不会有什么问题吧哈哈哈）

我设计稿出的是750x1334px(设计图都是矢量的)，在该尺寸上注释。再放大1.5倍1125x2001px进行切图。

 

最后我采集知乎上的一个回答：

为什么选择iPhone 6作为基准尺寸？

       当面对大中小三种屏幕需要适配的时候，很容易想到先做好一种屏幕，再去适配剩下两种屏幕。第一个决定

是到底以哪种屏幕作为设计和开发的基准尺寸。我们选择中间尺寸的iPhone 6（750px/375pt）作为基准，基

于几个原因：

      1、从中间尺寸向上和向下适配的时候界面调整的幅度最小。375pt下的设计效果适配到414pt和320pt偏差

不会太大。假设以414pt为基准做出很优雅的设计，到320pt可能元素之间比例就不是那么回事了，比如图片和

文字之间视觉比例可能失调。

 

      2、iPhone 6 plus有两种显示模式，标准模式分辨率为1242×2208，放大模式分辨率为1125×2001（即

iPhone 6的1.5倍）。可见官方系统里iPhone 6和iPhone 6 plus分辨率之间就存在1.5倍的倍率关系。很多情况

下这两种尺寸可以用1.5倍直接等比适配。

 

      3、1242×2208这个奇葩的数值是苹果官方都不愿意公开宣传的一个分辨率，不便于记忆和计算栅格。

640×1136虽然是广泛应用的一个分辨率，但是大屏时代依然以小尺寸为设计基准显然不合时宜，设计师会停留

在小屏的视角做设计。

所以，iPhone6的750×1334是最适合基准尺寸。