作為一名APP設(shè)計師，我們必須了解iPhone 6 Plus為什么會有三個尺寸。因為其他的iphone手機只有一個尺寸。而且，目前我們要以1242*2208px作為iPhone 6 Plus的設(shè)計尺寸呢？

我想各位設(shè)計小白們心中，很多種疑問，十萬個為什么都有了。

完整的APP設(shè)計尺寸詳情請點擊：2016年APP設(shè)計尺寸大全

里面專門給大家整理了iPhone 6 Plus的三個尺寸。 如下圖所示：

不用擔心，這節(jié)課25學堂的小編為大家揭秘一下iPhone 6 Plus的設(shè)計尺寸為什么是1242*2208px。

讓我們先來回顧一下iPhone 6 Plus的參數(shù)指標：

iPhone 6 Plus 尺寸參數(shù) ??

5.5英寸Retina HD高清顯示屏，1920×1080像素分辨率，401 ppi

機身三圍(長×寬×高)：158.1毫米(6.22英寸) × 77.8毫米(3.06英寸) × 7.1毫米(0.28英寸)

重量：172克 (6.07盎司)

1920? * ??1080px 是iPhone 6 Plus手機的物理尺寸，也就是物理分辨率。同時也是401ppi 的屏幕。

擴展閱讀，我希望大家好好看下這個信息圖。iphone 6演變成iphone 6 plus的幾種方案分辨率對比圖。

完整的 信息可以去看下:手機屏幕分辨率術(shù)語：邏輯分辨率和物理分辨率

然后，我們舉例來說說iPhone 6 Plus的呈現(xiàn)圖像的方式。

假設(shè)一：iPhone 6 Plus繼續(xù)采用iphone的@2x 倍的分辨率來顯示圖像。

比如說，我們在iPhone 6 Plus屏幕上繼續(xù)使用 @2x 系數(shù)的 Retina，換句話說還是跟iphone6 iphone5 一樣，放大一倍的關(guān)系來呈現(xiàn)圖像。

那么同樣的一張照片應(yīng)該顯示如下：

此時，1080px 對應(yīng)的邏輯像素是 540 pt @2x。如上圖右邊的iPhone 6 Plus手機標注的一樣。

當我們將上述的理論變成現(xiàn)實的時候，其調(diào)整回真機物理尺寸的時候，會發(fā)現(xiàn) iPhone 6 Plus 上的圖反而變小了。非常的驚訝。如下圖所示：

看完上面這個對比圖，是不是iPhone 6 Plus的采用@2x倍的分辨率顯示的圖像比iphone6 小。這樣會導(dǎo)致一個非常尷尬的結(jié)果：用戶拿著一個大屏手機，字卻反而比小屏幕手機更小，更看不清楚。

因此，@2x 不合適iPhone 6 Plus。

假設(shè)二：我們 改用@3x倍率來顯示圖像如下：

得出的結(jié)論那就是?照片肯定顯示得要大多了，看的很清楚了。同時也帶來了一個問題。

但邏輯像素則成了 360pt @3x，比 iPhone 6 的 375pt @2x 還要少。另一個尷尬的局面產(chǎn)生：用戶拿著一個大屏的 iphone，看到的內(nèi)容反而比iphone6和5少了。非常不好。

根據(jù)上述的結(jié)論，@2x 和 @3x 在iPhone 6 Plus ?都不太行得通。蘋果公司也是經(jīng)過很長的心理糾結(jié)。最終定下采用@3x。

真正合理的倍率應(yīng)該是多少呢？ ? 如果真的要等比例，應(yīng)該是 @2.46x，但這個數(shù)字太坑了，無論是APP設(shè)計師還是ios開發(fā)人員都會瘋掉。非常不利于我們開發(fā)和設(shè)計。

因為換算太難了。呵呵呵

看到這里，大家心理有疑問。那這個2.46到底是怎么算出來的呢？ ?25學堂把這個公式給大家列出來了。

我們以寬為例來計算。

iphone ?6 ? ? ? ? ? ? 寬的 ? ?@2x ? ??像素密度：326ppi

iphone ?6 plus ? ?寬的 ? ?？？ ?? ?像素密度：401ppi

換算公式就是這樣： @2x / 326ppi = ？？/401ppi ? ? 得出 結(jié)果就是 ?@2.46倍率。

真正合適的倍率@2.46 ? ? 處于 @2x和@3x 之間。

于是，蘋果公司給出了一個實在奇葩的方案（雖然想想也合理）：不是現(xiàn)有的屏幕物理分辨率明顯超過了 @2x 但還達不到 @3x 的水平么？ ? 那就采用 @3x 的屏幕總可以滿足了。

最終結(jié)果，為了方便APP設(shè)計師和ios開發(fā)工程師的，最終決定采用1242*2208px來作為設(shè)計尺寸。

原因就是：使得設(shè)計和開發(fā)的過程大大簡化，且最后的實際縮放系數(shù) @2.62x 非常接近理想的 @2.46x，使得同樣的素材在真機上看起來尺寸也非常合理。

在iphone的retina屏幕上，這些細微的細節(jié)，我們的肉眼已經(jīng)無法判斷了。401PPI已經(jīng)超高。 所以我們無法感覺到圖像已經(jīng)縮小了。實際上在iPhone 6 Plus上展示出來的圖像都是縮小的。比我們設(shè)計的原圖要小13%左右。

iOS 拿到我們設(shè)計的 UI 繪制結(jié)果尺寸，實時地再縮小到實際的 1080 x 1920 分辨率。于是，用戶在 iPhone 6 Plus 的屏幕上看到的永遠是被縮小了的圖像。如下圖所示：

iPhone 6 Plus的設(shè)計尺寸選擇是1242*2208px，真正的原因還是為了方便ios開發(fā)者和APP設(shè)計師。 給我們提供了方便。這就是蘋果公司的用戶體驗設(shè)計奧秘。

第二個理由：

iPhone 6+除外，其他所有iPhone的DPI是一致的，都是326，用@2x的素材。

但是6+的實際DPI是401，理論上蘋果應(yīng)該用401/326 * @2x=@2.46x的素材。但是這個奇葩的比例對開發(fā)者而言很難切圖。所以蘋果為方便開發(fā)者用的是@3x的素材，然后再縮放到@2.46x上，實際上是縮放到2.46/3=83%。實際上蘋果選取了一個接近比例的87%。

這樣算下來，物理分辨率和虛擬分比率的比例是87%，也就是1920/0.87=2208，1080/0.87=1242

好處就是開發(fā)者更方便，比如準備素材時，字號可以直接調(diào)成3x的。

另外一些好奇的小伙伴也已經(jīng)給出了答案：

首先iPhone6沒有設(shè)計版，只有iPhone6 plus有。說簡單點， plus屏幕有1080個像素點，但截屏后發(fā)現(xiàn)圖像是1242像素，明白了嗎？ ? 就是在一個物理有1080個像素點的屏幕里塞了個1242像素的內(nèi)容，你按照1242 *2208px 做就好了。

至于iPhone 6 Plus的設(shè)計尺寸為什么有三個尺寸，是因為針對的對象不一樣。

iphone6 plus UI物理版： 就是iphone6 plus實際的屏幕像素。

iphone6 plus UI設(shè)計版： 就是我們截屏iphone6 plus的界面在ps中去量，發(fā)現(xiàn)的尺寸。

iphone6 plus UI放大版：就是iphone 6 的尺寸等比放大1.5倍得出的分辨率。