iOS PPI

著作權歸作者所有。
商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。
作者:godlaugh
鏈接:http://www.zhihu.com/question/25361043/answer/30666828
來源:知乎

我做了個對比圖,發出來看看, 你可能就明白了

<img src="https://pic1.zhimg.com/20a5f88b36a298cf7965dc558c9d6ff0_b.jpg" data-rawwidth="852" data-rawheight="205" class="origin_image zh-lightbox-thumb" width="852" data-original="https://pic1.zhimg.com/20a5f88b36a298cf7965dc558c9d6ff0_r.jpg">

這個pt設定主要是考慮兩個問題:
①整個屏幕可顯示的內容多少
②界面UI元素可點擊的物理區域大小

先理清ppi和dpi
ppi (pixel per inch)
dpi (dot per inch) 一個 dot 對應iOS上的一個邏輯 point

下面詳細分析:
1、iPhone 6 Plus 的邏輯point分辨率用 360x640,也不是不可以,也即上面圖表中的 iPhone 6+ (b) 方案,那麼 scale 用 @3x,最終像素分辨率 360x640@3x 正好是 1080x1920,完美1:1映射,無需縮放;但缺點就是:iPhone 6 Plus的邏輯pt分辨率 360x640 就會比 iPhone 6的 375x667 還低,這天理不容啊,一個Plus的大屏幕雖然很精細,但是可顯示的實際內容比 iPhone 6 還少。完全不符合 Bigger than bigger 。

打個比方就是:相同字號的情況下,iPhone 6如果一行顯示了25個字,而 iPhone 6 Plus 按這個邏輯pt方案,一行就會只能顯示24 個字了。

2、那如果邏輯point分辨率用 540x960 呢,也即圖表中的 iPhone 6+ (c) , scale 沿用老的 @2x ,最終像素分辨率 540x960@2x 不正好是 1080x1920 嗎,也是完美1:1映射,無需縮放,還不需要多餘做 @3x 素材; 而且這個方案的優點也很明顯: pt 面積是 iPhone 6 的兩倍 (540x960 = 375x667x 2),這樣屏幕可顯示的內容一下就增多了 ; 但這個方案的缺點就更明顯了: 所有 iOS UI 元素尺寸在屏幕上的實際物理面積一下子就變小了,比如標籤欄或導航欄按鈕的物理高度只有原來的 81.5% ,點擊面積就只有iPhone 6的 0.815*0.815=66.4%,用戶點擊就困難了,總不至於蘋果考慮觸摸手指操作,爲 <= iPhone 6 做一套設計規範,爲 iPhone 6 Plus 再另外做一套設計規範。

3、那麼看來最好的方案就是上圖中的 iPhone 6+ (a) 了,物理像素也做到 1242x2208,那在5.5 inch屏幕上這個ppi 就必須達到 461 了,之前的媒體文章相關預測結果就是這個ppi方案<iphone 6 plus 461 ppi_百度搜索>。但蘋果最終沒有采用這個方案,最終採用圖中的 iPhone 6+,物理像素只有 1080x1920,目前來看可能有這幾方面原因:

① 內存消耗增大
② 電池消耗增大
③ 要做到 461ppi ,目前工藝上是不是可能還有一定難度。 (瞎猜的。。)

但這些問題在將來技術提高後都可以克服,因此就蘋果先折衷過度一下,可能在下一代的iPhone 7 Plus版本中完美支持邏輯像素和真實物理像素上 1:1 映射,而且可以非常方便的平滑過渡。

4、至於爲什麼一定是 414x736,估計應該是在 5.5inch 和 ppi=461 這兩個前提限定的情況下,按這個 414x736 pt 分辨率,屏幕上 UI 元素操作物理大小最接近 iPhone 6上的表現吧。
發佈了28 篇原創文章 · 獲贊 5 · 訪問量 12萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章