最近在25學堂的群里,發(fā)現(xiàn)有好幾位小伙伴們在詢問一些關于智能手機屏幕的分辨率尺寸的問題。我也想肯定大多數(shù)的從事移動開發(fā)的小伙伴們也不是特別清楚,到底啥是邏輯分辨率和物理分辨率。
今天25學堂的老譚從個人的角度和一些極客的觀點中匯總出來,給大家掃盲一下。
眾所周知,手機屏幕分辨率是手機的重要參數(shù)之一。
大家都知道移動端設備屏幕尺寸非常多,碎片化嚴重。尤其是Android,你會聽到很多種分辨率:480x800, 480x854, 540x960, 720x1280, 1080x1920,而且還有傳說中的2K屏、4K、5k等。近年來iPhone的碎片化也加劇了:640x960, 640x1136, 750x1334, 1242x2208。
今天重點跟大家普及下 ,什么是邏輯分辨率和物理分辨率
解釋一:俗話說物理分辨率是硬件所支持的,邏輯分辨率是軟件可以達到的。
我們先來看看ios客戶端的尺寸分辨率表:
物理尺寸是指屏幕的實際大小。大的屏幕同時必須要配備高分辨率,也就是在這個尺寸下可以顯示多少個像素,顯示的像素越多,可以表現(xiàn)的余地自然越大。
解釋二:如同上圖所對應的英文單詞一樣。
640*960、640*1136等這些都是物理尺寸或是物理分辨率。
而下面的320*480、320*568等這些都是邏輯分辨率或是邏輯尺寸。
解釋三:從另外的角度來說:分辨率就是屏幕上橫、縱的總象素點數(shù)。
如果我們設計的時候用單位px,可以說是物理分辨率尺寸。
如果我們設計的時候用單位pt,可以說是邏輯分辨率尺寸。
下面拿iphone 6 plus詳細分析:
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的大屏幕雖然很精細,但是可顯示的實際內(nèi)容比 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 素材; 而且這個方案的優(yōu)點也很明顯: pt 面積是 iPhone 6 的兩倍 (540x960 = 375x667x 2),這樣屏幕可顯示的內(nèi)容一下就增多了 ; 但這個方案的缺點就更明顯了: 所有 iOS UI 元素尺寸在屏幕上的實際物理面積一下子就變小了,比如標簽欄或?qū)Ш綑诎粹o的物理高度只有原來的 81.5% ,
點擊面積就只有iPhone 6的 0.815*0.815=66.4%,用戶點擊就困難了,總不至于蘋果考慮觸摸手指操作,為 <= iPhone 6 做一套設計規(guī)范,為 iPhone 6 Plus 再另外做一套設計規(guī)范。
全站高品質(zhì)素材免費下載!