iphone x的解析度為什麼是2436*1125而不是其他數字?

這是一個很奇怪的數字,1125是單數,而他們的比值是19.488:9,不是常見的18:9或21:9


iPhone 6/6s/7/8的邏輯解析度是375pt*667pt乘以2倍的縮放因子就是750px*1334px,恰好是iPhone 6/6s/7/8的物理解析度

而iPhone X的邏輯解析度是375pt*812pt,手機寬的邏輯解析度與前幾代小屏iPhone一模一樣,僅拉長了145pt而已,乘以3倍的縮放因子就是1125px*2436px,恰好是iPhone X的物理解析度

這樣做能方便開發者進行適配,其實與當年4S適配5差不多。至於為什麼要用3倍縮放因子,個人估計是因為三星SA屏的p排,自帶-30%屏幕細膩度的debuff,所以為了保證原有的屏幕細膩度,要從2倍變3倍吧。

題外話,在原有解析度上以整數倍提升像素,一方面方便開發者適配(減少重新布局的困難、僅須提升UI素材細節),另一方面提高屏幕細膩程度,這才是真正的Retina。而不是一味地無腦提升屏幕解析度而不進行點對點適配(斜眼某個配2K頂尖屏卻出場默認1080p輸出的大廠)。


iphone x的解析度為什麼是2436*1125而不是其他數字?

2017年蘋果公司推出了iPhonex手機,其解析度為1125*2346,為什麼iPhone X的手機解析度是這個而不是其他尺寸呢?這個要從適配的角度去解釋:

iPhone6/6s/7/8的邏輯解析度為375*667pt,乘以2的結果是750*1334px,然而750*1.5的結果是1125px,這樣看的情況下750*1334px正式@2x的物理解析度,而iphonex的物理尺寸正好為1125。

iphonex的邏輯解析度的寬度同樣是375pt,只有高度上進行了變化,變成了812pt,同樣的情況下乘以3,這樣正好符合iPhone X的物理解析度。

蘋果公司這樣出的好處就是不用考慮@4x的倍率,同樣對於設計而言會減少一部分的工作量。

以上是在750x1624@2x的情況下設計

由此可以看出plus與iPhone的相同點,都是@3x,iPhone X的解析度發生了變化,但變化僅限於物理像素層面。在真正決定屏幕內容的邏輯像素層面,新版的iPhone X與過去我們熟知的iPhone 4.7""、iPhone 5.5"" 放大模式寬度相同。通俗的說,iPhone X可看做是iPhone 4.7"" 的加長版

過去,我們拿到的手機是方方正正的矩形,所以整個屏幕都可以看做是安全區域Safe Area,而如今由於iPhone X屏幕上的「劉海」以及屏幕四周採用圓角的設計,需要設計師對繪圖區域做出調整。(如第一圖所示)


iphone8 橫向解析度750,假設一行顯示75個字母

iphone8 開放大模式為640(同5s),一行顯示64個字母

iphone8p 橫向解析度1242,因為使用的是@3x素材,一行顯示83個字母

iphone8p 放大模式1125,因為使用的是@3x素材,一行顯示75個字母

iphone x,橫向解析度1125,使用的是@3x素材,一行顯示75個字母

很多安卓軟體其還是用的5s版本移植過去的,哪怕你安卓1080p,2k屏,顯示效果都很糟


按解析度計算ppi 剛好滿足蘋果的一貫標準: 相鄰兩個像素視差角度1分


推薦閱讀:

你為什麼要買 iPhone X?
如何理解 Jony Ive 說「不計代價,堅持某種曾經有效的功能,這種道路會導致失敗」?
如何看待羅永浩稱iphone x不算全面屏,並欲重新定義全面屏手機?
為什麼蘋果中國官網iPhone X的動話表情TrueDepth介紹中,要把「pig」翻譯成「兔子」?

TAG:手機屏幕 | UI設計師 | iPhoneX |