蘋果為 iPhone 6 與 6 Plus 分別選擇 667 × 375 pt 與 736 × 414 pt 這兩個特殊的尺寸有什麼考量?

iPhone 6 為什麼不是 4.5" 640x360pt(1280x720px) 或 4.8" (683x384pt)1366x768px 臨近的常見尺寸?

iPhone 6 plus 為什麼不是 720x405pt ?

iPhone 6 plus 的 pt per inch 為什不是傳統的 163?

是什麼原因驅動了這樣的選擇?

====================================

請注意本題問的不是解析度,更不是 iP6+ 對 1920x1080 px 映射的問題。建議用 pt 思考此問題。

作答時請確保不要混淆 pt per inch 與 pixel per inch 的概念。


我想出了一個 736x414 可能的解釋

首先快速定義兩個前提

  1. iP6+ 需要與 iP5 保持相同的 16:9 長寬比,以確保能直接(通過縮放)使用未為 iP6+ 適配的 App。http://www.apple.com/iphone-6/display/#display-gallery-2
  2. 橫屏模式是 Phablet 重要的交互形式。

那麼,當我在設計橫屏模式時,一個常見的模式是分欄,左右顯示兩個層級的界面,例如 Apple 官網給出的幾個示例。

此時,一個很自然的想法是 兩欄的寬度都是已經存在的寬度,例如豎屏時的寬度,這樣就可以復用豎屏時的布局。幾個簡單的嘗試後,發現以下組合:

當其中一欄為最為常見的 4』 豎屏寬度,即 320pt,另一欄為 iP6+ 自身的豎屏寬度。並結合 16:9 的前提,可獲得公式:

(320+X)/X=16;9

計算得出 X=411.428571pt

然後,如果取其最接近的能被長寬比中的 』9』 整除的正整數,得:414

此時,長邊為 414/9x16=736pt

且 736=320+2+414,此處 2pt 可以作為分割線,或者讓兩欄各自吃進。

於是,當設計 iP6+ 的橫屏模式時,可復用 iP5 與 iP6+ 的豎屏寬度組成分欄,能簡化設計與開發代價。

但是,這個邏輯並不能解釋 iP6 667x375pt 的尺寸,也不能解釋為什麼 iP6+ pt per inch 不是 163 。

自我質疑

如果這個成立,那 Apple 可能會為自己的 App 那麼設計,但是:

上圖來自 Apple 官網的截圖,縮放後測量尺寸,得左側分欄約 297pt。

這裡可以理解為復用了 iPad 類似界面的 300pt 的尺寸。那第三方 App 如何呢?

上圖為發布會上 CNN 的示例,兩欄分別為 324pt 與 412pt,跟上面的想法有 2~4pt 的差距,算是比較接近了。總結

以上邏輯很可能不是 Apple 選擇 736x414pt 的決定性因素,但很可能是影響決策的考量之一。且這並不能阻止我們開發者利用這個特性取進行這樣的設計。


我猜是由尺寸倒推解析度,蘋果一開始就確定了要做4.7和5.5這兩個(由Android發揚光大的)最常見尺寸,然後:

  • 在ppi不變的前提下倒推出iphone 6的解析度

  • &在ppi乘1.5的前提下倒推出6+的邏輯解析度1242x2208,然後由於成本或者產能的原因,換成了1080p屏——也因此導致了像素邊緣發虛的問題&

對比iphone 4解析度公布的時候那種讓所有人大吃一驚的感覺,只能說蘋果內部現在已經沒人那麼關心開發者的感受了吧。

其實這種感覺從ipad mini發布時就開始了,原本蘋果引以為豪的適配優勢現在已經不存在了,甚至有比Android更糟糕的趨勢。

&P.S.樓上說1080p方便開發者的同學,估計根本不知道開發用的解析度其實是1242x2208吧&

--

經過計算,6 plus的尺寸無法用倒推來解釋,否則其邏輯解析度應該是1320x2343



這個問題要從第一代iphone說起。在第一代iphone出來之前,市面上大部分高端手機的解析度就是320×240。大概是為了在顯示方面佔得優勢,和配合3.5英寸的大屏,iphone1使用了大一倍的480×320解析度,在屏幕這塊基本秒殺了當時所有的手機,而且這個解析度並不奇葩。

在蘋果取得了成功後,其他廠商也推出了很多高解析度的手機,包括當時s60v5的640×360解析度,大部分高端安卓的800×480、854×480解析度,在屏幕這塊全面超越了iphone,直到iphone4發布。

iphone4使用了比之前iphone大4倍的解析度,還提出了視網膜概念,一下子奪回了屏幕上的優勢。為什麼要用4倍,而不是更多或者稍微少一點?我覺得主要是為了適配舊應用,因為4倍的解析度剛好可以用4個像素點替代一個像素點,這樣舊應用就不會在iphone4上出現畫面元素邊緣發虛。

iphone5屏幕比例改變了,屏幕寬度不變的情況下,拉長成16:9的比例,因此,要保持視網膜的特性,寬上的像素列數是不用改變的,只要增加增長部分的像素行就可以了。640÷9×16=1137.777…≈1136,最終,iphone5的解析度就成了1136×640。

iphone6的情況又複雜了一些,因為長寬都改變了,但是比例不變,視網膜的特性不變,因此用ppi的計算公式套入已知量就可以算出iphone6現在這個解析度(手機回答,就不把計算過程寫出來了)。

iphone6+的情況又不太一樣,從蘋果的開發工具來看,6+的解析度應該是1242x2208,可能是因為考慮到這麼高的ppi意義不大,或者因為屏幕成本的問題,又或者蘋果還留有後手(推出尺寸更大的iphone?),那就不得而知了。由於6+的軟體解析度跟屏幕解析度不同,也不成n^2(n大於1,取整數)倍的關係,因此顯示出來的畫面元素邊緣會出現發虛的現象。蘋果之所以敢這麼做,可能是由於高ppi可以讓發虛細現象不那麼明顯。

所以,iphone屏幕的每一次改變都是有一定的規律的,並不是純粹為了標新立異,雖然最終形成了iphone這樣的奇葩解析度...希望能解決題主的疑問吧。

===============華麗分割================================================

首先感謝 題主 @王拓翔 和@付晨昱、 @徐江平 同學的指正,6+的解析度問題我是有了解過的,在寫這段的時候確實沒有仔細考證,憑記憶和感覺就寫了,犯了低級錯誤,現在修正了答案。


題主可以參考我的問題iPhone 6 Plus的邏輯解析度為什麼是414x736? 下godlaugh的回答。


iPhone 6保持了4,4s,5,5相同ppi的屏幕,這樣既可以緩解同時供應兩種新規格屏幕帶來的產量問題,也將換屏帶來的庫存風險以及品控危機降到最低。

6+的解析度採用了1080p這樣主流的屏幕對蘋果來說實在太非主流了,開發者們應該已經開始胃部泛酸爆青春痘了。持續關注此問題中。


推薦閱讀:

專業修iPhone的師傅說不要更新iPhone系統,那麼到底該不該更新?
iphone6 16g的現在用ios8.4 要不要升級到ios10?
iPhone6 128G和部分64G版本用的是最差的TLC快閃記憶體嗎?
iPhone6買16G還是64G?
iphone6的內存莫名其妙少了1個G?

TAG:解析度 | 交互設計 | 供應鏈 | iPhone6 | iPhone6Plus |