tft每日頭條

 > 生活

 > 蘋果手機的屏幕都有多大的

蘋果手機的屏幕都有多大的

生活 更新时间:2024-12-24 09:33:20

之前寫的文章《從第一代 iPhone 細數到 iPhone 12,iPhone 屏幕尺寸進化曆程背後的 app 設計哲學》吸引了衆多對 iPhone 屏幕尺寸或者 對 app 适配感興趣的讀者,在文章發布的各個渠道,特别是在 少數派 引起了一番熱烈的讨論。文章從設計、開發等多個角度講述了 iPhone 屏幕尺寸進化曆程背後的 app 設計哲學,希望讀者能夠從我梳理的曆史脈絡和總結的進化邏輯中獲得啟發。同時文章也順勢推測了未來 iPhone 特别是 iPhone 12 系列會出現的一些變化,這部分雖不是文章重點,但當時處于在 iPhone 12 即将發布的時間點,自然也引起了衆多讀者的興趣。

如今,iPhone 12 、iPhone 12 Pro 系列正式發布,屏幕參數塵埃落定。對比之前文章對 iPhone 12 屏幕參數較為保守的推測,真正的 iPhone 12 屏幕參數變化可謂十分激進。本文就作為之前文章的後續,基于之前文章所講的 iPhone 屏幕尺寸的進化邏輯,來複盤一下 iPhone 12 的屏幕參數到底是如何變化的,對于普通用戶在 iPhone 12 上使用 app 又有什麼影響。

如果你還沒有閱讀過之前的 文章 ,強烈推薦你先閱讀,否則本文中的提到到的一些概念你可能會雲裡霧裡

iPhone 12 系列屏幕的變化

iPhone 12 系列包括 6.1 寸 iPhone 12 機型和 5.4 寸 iPhone 12 mini 機型,全部配備 OLED 屏幕。

蘋果手機的屏幕都有多大的(從iPhone12)1

6.1 寸 iPhone 12

6.1 寸 iPhone 12 的屏幕分辨率為 1170px × 2532px,PPI 為 460,與 6.1 寸 iPhone 11 的屏幕分辨率(828px × 1792px)并不相同。在之前文章也有講到過,雖然是相同尺寸,但屏幕由 LCD 材質換為 OLED 材質,由于成像原理的不同,要想保持同樣的清晰度觀感,分辨率必須提升。6.1 寸 iPhone 12 的邏輯分辨率為 390pt × 844pt,比例因子為 @3x。Apple 為了保證在屏幕尺寸稍有變大的情況下,PPI 不降低,沒有妥協繼續使用 375pt 的邏輯分辨率寬度,而是啟用了全新的邏輯分辨率寬度「390pt」,僅僅增加了 15pt。由邏輯分辨率寬度為 375pt × 812pt 的 5.8 寸 iPhone 11 Pro 進化到邏輯分辨率寬度為 390pt × 844pt 的 6.1 寸 iPhone 12,兩者的寬高比例仍然保持相同,所以其變化邏輯仍然采用了之前文章總結的「 等比放大 」方法。

蘋果手機的屏幕都有多大的(從iPhone12)2

既然出現了全新的邏輯分辨率寬度,那 app 要完美運行在新的機型中就需要進行适配。沒有适配新機型的 app 将以 375pt × 812pt@3x(同 5.8 寸 iPhone 11 Pro)的樣式放大顯示在 iPhone 12 上,相當于把圖像放大了 1.04 倍,相比已經适配的 app 看上去會有些模糊(具體觀感真機上手後再來補充)。App 要想适配新機型,至少需要通過 Xcode 12.1 及以上版本編譯 app,并根據實際情況調整适配 app 布局。

适配的速度就要看各位開發者了,比如下圖中的「 我的天氣 」app 在 iPhone 12 發售前就已經完成了對 iPhone 12 系列的适配顯示。

蘋果手機的屏幕都有多大的(從iPhone12)3

5.4 寸 iPhone 12 mini

5.4 寸 iPhone 12 mini 的屏幕分辨率為 1080px × 2340px,PPI 為 476,清晰度位列 iPhone 12 系列第一名。由 iPhone 12 mini 的屏幕分辨率除以比例因子 @3x 得到邏輯分辨率 360pt × 780pt,很多人自然而然地就會以為這就是 iPhone 12 mini 的邏輯分辨率。然而通過已經發布的 Xcode 12.1 GM 版本的模拟器可以查到 iPhone 12 mini 的渲染分辨率(截圖的大小)實際為「1125px × 2436px」,比物理分辨率(屏幕的物理參數)放大了 1.04 倍。同當年的 iPhone 6 Plus 一樣,Apple 再次使用了一樣的變化手法。1125px × 2436px 的渲染分辨率對應的邏輯分辨率為 375pt × 812pt@3x,正是之前 5.8 寸 iPhone 11 Pro 的邏輯分辨率,這樣 app 想完美運行在 iPhone 12 mini 上就無需再進行額外的适配工作。但由于像素不是點對點顯示的,顯示圖像可能會有不銳利的問題,但由于其高 PPI 的存在,這個感知不會明顯。

蘋果手機的屏幕都有多大的(從iPhone12)4

iPhone 12 Pro 系列屏幕的變化

iPhone 12 Pro 系列包括 6.1 寸 iPhone 12 Pro 機型和 6.5 寸 iPhone 12 Pro Max 機型。

蘋果手機的屏幕都有多大的(從iPhone12)5

6.1 寸 iPhone 12 Pro

6.1 寸 iPhone 12 Pro 與 6.1 寸 iPhone 12 的屏幕參數完全相同,屏幕分辨率為 1170px × 2532px,PPI 為 460,邏輯分辨率為 390pt × 844pt,比例因子為 @3x。對于 app 适配 iPhone 12 Pro 的邏輯也與 iPhone 12 完全相同,在此不再贅述。

蘋果手機的屏幕都有多大的(從iPhone12)6

6.7 寸 iPhone 12 Pro Max

6.7 寸 iPhone 12 Pro Max 的屏幕分辨率為 1284px × 2778px,PPI 為 458。6.7 寸 iPhone 12 Pro Max 的邏輯分辨率為 428pt × 926pt,比例因子為 @3x。同樣地,Apple 為了保證在屏幕尺寸稍有變大的情況下,PPI 不降低,沒有妥協繼續使用 414pt 的邏輯分辨率寬度,而是啟用了全新的邏輯分辨率寬度「428pt」,僅僅增加了 14pt。由邏輯分辨率寬度為 414pt × 896pt 的 6.5 寸 iPhone 11 Pro Max 進化到邏輯分辨率寬度為 428pt × 926pt 的 6.7 寸 iPhone 12 Pro Max,兩者的寬高比例仍然保持相同,所以其變化邏輯仍然采用了之前文章總結的「 等比放大 」方法。

蘋果手機的屏幕都有多大的(從iPhone12)7

對于 app 适配也是一樣,app 要完美運行在新的機型中就需要進行适配。沒有适配新機型的 app 将以 414pt × 896pt@3x(同 6.5 寸 iPhone 11 Pro Max)的樣式放大顯示在 iPhone 12 Pro Max 上,相當于把圖像放大了 1.03 倍,相比已經适配的 app 看上去會有些模糊(具體觀感真機上手後再來補充)。App 要想适配新機型,至少需要通過 Xcode 12.1 及以上版本編譯 app,并根據實際情況調整适配 app 布局。

放大顯示功能

在之前文章中有講到目前大部分的 iPhone 機型都配備了放大顯示功能,關于放大顯示最重要的一點就是,其實質是将高一級的邏輯分辨率 降級 同一比例 的低一級的邏輯分辨率。在 iOS 14 Beta 版本中開始出現了 5.8 寸 iPhone 11 Pro( 375pt × 812pt@3x)的放大顯示功能,其邏輯分辨率為 320pt × 693pt@3x,當時的推測是這很可能是 5.4 寸 iPhone 12 mini 的真正分辨率。然而現實情況是這隻是 Apple 虛構的一個機型分辨率,至少在現在這個時間點,這個機型是不存在的,當我确定這個結論時也是十分詫異。

那這個虛構的邏輯分辨率又用在了哪些地方呢?具體來看:在有了這個虛構的邏輯分辨率 320pt × 693pt 之後,5.8 寸的 iPhone 11 Pro、iPhone Xs、iPhone X 機型自然就支持了放大顯示功能。

蘋果手機的屏幕都有多大的(從iPhone12)8

但由于這個 320pt 的全面屏邏輯分辨率寬度不存在于任何一個現有的機型,要想 app 正常運行在這個邏輯分辨率之下,也得需要進行适配。如果不進行适配,将會以 iPhone 5s 的大小顯示,也即上下有黑邊。

蘋果手機的屏幕都有多大的(從iPhone12)9

再來看全新的 iPhone 12 系列的放大顯示,6.7 寸的 iPhone 12 Pro Max 開啟放大顯示後,會降級到 375pt 寬度,也即 iPhone 11 Pro 大小;6.1 寸 iPhone 12/iPhone 12 Pro 、5.4 寸 iPhone 12 mini 開啟放大顯示後,都會降級到 320pt 寬度,也即前面提到的虛構機型的大小,如果 app 沒有适配全面屏的 320pt 邏輯分辨率寬度,同樣會出現上下有黑邊的情況。

蘋果手機的屏幕都有多大的(從iPhone12)10

320pt(全面屏)這個新增的邏輯分辨率寬度隐藏在放大顯示功能背後,可能更不會引起 app 開發者的注意,适配的進度可能會更慢。

内容顯示數量

至此,iPhone 12 系列在标準顯示模式下新增了 390pt(iPhone 12/iPhone 12 Pro)、428pt(iPhone 12 Pro Max)兩種新的邏輯分辨率寬度,在放大顯示模式下新增了 320pt(iPhone 12/iPhone 12 Pro、iPhone 12 mini) 一種新的邏輯分辨率寬度。總共增加了 390pt、428pt、320pt(全面屏) 三種邏輯分辨率寬度。

邏輯分辨率的大小會決定屏幕上内容顯示數量的多少。針對于不同邏輯分辨率的屏幕,下圖對比了其内容顯示數量。幾個值得特别注意的點:

  • 之前的 6.1 寸 iPhone 11 是 414pt 寬度,同 6.5 寸 iPhone 11 Pro Max 一樣,而 6.1 寸的 iPhone 12/iPhone 12 Pro 減少到了 390pt 寬度,相比于以前, 橫縱向顯示數量變少了 ,但比例因子由 @2x 變為 @3x,總體上 PPI 也即清晰度大幅提升了。對于從 iPhone Xʀ、iPhone 11 更新到 iPhone 12、iPhone 12 Pro 的用戶在初期可能會不适應。
  • 從 375pt 增加到 390pt,從 414pt 增加到 428pt,雖然橫縱向的确可以顯示更多的内容,但對比發現後,其實差異不會很明顯。
  • iPhone 12/iPhone 12 Pro、iPhone 12 mini 的放大顯示都是 320pt,很多 app 可能都沒有适配,而且整體承載内容數量較少較擠,并不适合作為日常使用。

蘋果手機的屏幕都有多大的(從iPhone12)11

再附一張 台灣 iOS 開發者 @ethanhuang13 在 Xcode 模拟器使用不同機型顯示同一個網站上的内容對比情況。

蘋果手機的屏幕都有多大的(從iPhone12)12

Size Class

Size Class 尺寸等級同樣是之前文章中所提到的 iPhone 尺寸變化過程中的一個重要概念。

全新的 iPhone 12 系列在豎屏下,毫無懸念,依然同其他 iPhone 一樣是「compact width,regular height」。但在橫屏下,有幾個需要注意的點:

  • 6.1 寸的 iPhone 12/iPhone 12 Pro 系列由于其邏輯分辨率比 6.1 寸 iPhone 11 小一些,所以其橫屏的 Size Class 是 「compact width,compact height」,與 iPhone 12 mini、iPhone 11 一樣。因此在如「信息」這樣支持左右分欄布局樣式的 app 上顯示時就隻能顯示某個聯系人的短信内容,如下圖;
  • 6.7 寸的 iPhone 12 Pro Max 其橫屏的 Size Class 自然是 「regular width,compact height」,與 iPhone 11、iPhone 11 Pro Max 一樣,在「信息」app 中可以分左右兩邊顯示短信列表和具體的短信内容,如下圖。

蘋果手機的屏幕都有多大的(從iPhone12)13

總結

縱觀 iPhone 12 全系列的屏幕分辨率變化,Apple 為了保持 PPI 也即屏幕清晰度隻增不減,不得不在之前已有的邏輯分辨率寬度上同樣利用「 等比放大 」的方法小幅放大了一點形成了兩個新的邏輯分辨率寬度:390pt、428pt,同時為了讓 iPhone X、iPhone Xs、iPhone 11 Pro、iPhone 12、iPhone 12 Pro、iPhone 12 mini 這些機型都具備「放大顯示」功能,暗暗增加了 320pt(全面屏)這個新的邏輯分辨率寬度。整體上可謂十分激進的進化,雖然顯示效果達到了最佳,但對于衆多開發者和第一批嘗鮮的用戶來說,不得不有一段時間的陣痛期。這或許也在某些層面體現了 Apple 的偏執吧。

而 iPhone 12 mini 再次使用了渲染分辨率與物理分辨率不同的操作方法,也有些許延續傳統的感覺。

至此到 2020 年的現在這個時間點,iPhone 的邏輯分辨率寬度進化到了 320pt(非全面屏、全面屏)、375pt(非全面屏、全面屏)、414pt(非全面屏、全面屏)、390pt(全面屏)、428pt(全面屏) 八小種、五大種。下圖用圖示的方式展示了從 2007 年到 2020 年 iPhone 屏幕尺寸進化的曆程,包括尺寸、物理分辨率、渲染分辨率、邏輯分辨率、PPI、放大顯示功能、進化邏輯等,具體可點擊查看大圖。

蘋果手機的屏幕都有多大的(從iPhone12)14

iPhone 屏幕邏輯分辨率激進變化的背景下,或許 Apple 已釋放出了足夠的信号:未來的屏幕大小不再是一成不變的,app 的顯示區域也是可大可小的,針對于不同設備尺寸适配 app 的方法已經過時,循着 Apple 給出的方法和工具,讓 app 自由地在屏幕上呈現,或許才能找到未來的路。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved