手機屏幕分辨率術(shù)語:邏輯分辨率和物理分辨率

轉(zhuǎn)自《學(xué)堂》http://www.25xt.com/appdesign/8336.html



最近在25學(xué)堂的群里,發(fā)現(xiàn)有好幾位小伙伴們在詢問一些關(guān)于智能手機屏幕的分辨率尺寸的問題。我也想肯定大多數(shù)的從事移動開發(fā)的小伙伴們也不是特別清楚贱迟,到底啥是邏輯分辨率和物理分辨率礼殊。

今天25學(xué)堂的老譚從個人的角度和一些極客的觀點中匯總出來秦躯,給大家掃盲一下砌函。


眾所周知帜消,手機屏幕分辨率是手機的重要參數(shù)之一猪勇。

大家都知道移動端設(shè)備屏幕尺寸非常多设褐,碎片化嚴(yán)重。尤其是Android泣刹,你會聽到很多種分辨率:480×800, 480×854, 540×960, 720×1280, 1080×1920助析,而且還有傳說中的2K屏、4K椅您、5k等外冀。近年來iPhone的碎片化也加劇了:640×960, 640×1136, 750×1334, 1242×2208。


今天重點跟大家普及下 掀泳,什么是邏輯分辨率和物理分辨率


解釋一:俗話說物理分辨率是硬件所支持的雪隧,邏輯分辨率是軟件可以達(dá)到的。

我們先來看看ios客戶端的尺寸分辨率表:


物理尺寸是指屏幕的實際大小员舵。大的屏幕同時必須要配備高分辨率脑沿,也就是在這個尺寸下可以顯示多少個像素,顯示的像素越多马僻,可以表現(xiàn)的余地自然越大庄拇。

解釋二:如同上圖所對應(yīng)的英文單詞一樣。

640*960韭邓、640*1136等這些都是物理尺寸或是物理分辨率措近。

而下面的320*480、320*568等這些都是邏輯分辨率或是邏輯尺寸仍秤。

解釋三:從另外的角度來說:分辨率就是屏幕上橫熄诡、縱的總象素點數(shù)。

如果我們設(shè)計的時候用單位px诗力,可以說是物理分辨率尺寸凰浮。

如果我們設(shè)計的時候用單位pt我抠,可以說是邏輯分辨率尺寸。


下面拿iphone 6 plus詳細(xì)分析:


1袜茧、iPhone 6 Plus 的邏輯point分辨率用 360×640菜拓,也不是不可以,也即上面圖表中的iPhone 6+ (b)方案笛厦,那么 scale 用 @3x纳鼎,最終像素分辨率 360×640@3x 正好是 1080×1920,完美1:1映射裳凸,無需縮放贱鄙;但缺點就是:iPhone 6 Plus的邏輯pt分辨率 360×640 就會比 iPhone 6的 375×667 還低,這天理不容啊姨谷,一個Plus的大屏幕雖然很精細(xì)逗宁,但是可顯示的實際內(nèi)容比 iPhone 6 還少。完全不符合 Bigger than bigger 梦湘。

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

2、那如果邏輯point分辨率用 540×960 呢瓣颅,也即圖表中的iPhone 6+ (c)倦逐, scale 沿用老的 @2x ,最終像素分辨率 540×960@2x 不正好是 1080×1920 嗎弄捕,也是完美1:1映射僻孝,無需縮放,還不需要多余做 @3x 素材守谓; 而且這個方案的優(yōu)點也很明顯: pt 面積是 iPhone 6 的兩倍 (540×960 = 375x667x 2),這樣屏幕可顯示的內(nèi)容一下就增多了 您单; 但這個方案的缺點就更明顯了: 所有 iOS UI 元素尺寸在屏幕上的實際物理面積一下子就變小了斋荞,比如標(biāo)簽欄或?qū)Ш綑诎粹o的物理高度只有原來的 81.5% ,

點擊面積就只有iPhone 6的 0.815*0.815=66.4%虐秦,用戶點擊就困難了平酿,總不至于蘋果考慮觸摸手指操作,為 <= iPhone 6 做一套設(shè)計規(guī)范悦陋,為 iPhone 6 Plus 再另外做一套設(shè)計規(guī)范蜈彼。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市俺驶,隨后出現(xiàn)的幾起案子幸逆,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,941評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件还绘,死亡現(xiàn)場離奇詭異楚昭,居然都是意外死亡,警方通過查閱死者的電腦和手機拍顷,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評論 3 395
  • 文/潘曉璐 我一進(jìn)店門抚太,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人昔案,你說我怎么就攤上這事尿贫。” “怎么了踏揣?”我有些...
    開封第一講書人閱讀 165,345評論 0 356
  • 文/不壞的土叔 我叫張陵帅霜,是天一觀的道長。 經(jīng)常有香客問我呼伸,道長身冀,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,851評論 1 295
  • 正文 為了忘掉前任括享,我火速辦了婚禮搂根,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘铃辖。我一直安慰自己剩愧,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,868評論 6 392
  • 文/花漫 我一把揭開白布娇斩。 她就那樣靜靜地躺著仁卷,像睡著了一般。 火紅的嫁衣襯著肌膚如雪犬第。 梳的紋絲不亂的頭發(fā)上锦积,一...
    開封第一講書人閱讀 51,688評論 1 305
  • 那天,我揣著相機與錄音歉嗓,去河邊找鬼丰介。 笑死,一個胖子當(dāng)著我的面吹牛鉴分,可吹牛的內(nèi)容都是我干的哮幢。 我是一名探鬼主播,決...
    沈念sama閱讀 40,414評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼志珍,長吁一口氣:“原來是場噩夢啊……” “哼橙垢!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起伦糯,我...
    開封第一講書人閱讀 39,319評論 0 276
  • 序言:老撾萬榮一對情侶失蹤柜某,失蹤者是張志新(化名)和其女友劉穎嗽元,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體莺琳,經(jīng)...
    沈念sama閱讀 45,775評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡还棱,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了惭等。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片珍手。...
    茶點故事閱讀 40,096評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖辞做,靈堂內(nèi)的尸體忽然破棺而出琳要,到底是詐尸還是另有隱情,我是刑警寧澤秤茅,帶...
    沈念sama閱讀 35,789評論 5 346
  • 正文 年R本政府宣布稚补,位于F島的核電站,受9級特大地震影響框喳,放射性物質(zhì)發(fā)生泄漏课幕。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,437評論 3 331
  • 文/蒙蒙 一五垮、第九天 我趴在偏房一處隱蔽的房頂上張望乍惊。 院中可真熱鬧,春花似錦放仗、人聲如沸润绎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽莉撇。三九已至,卻和暖如春惶傻,著一層夾襖步出監(jiān)牢的瞬間棍郎,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評論 1 271
  • 我被黑心中介騙來泰國打工达罗, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留坝撑,地道東北人。 一個月前我還...
    沈念sama閱讀 48,308評論 3 372
  • 正文 我出身青樓粮揉,卻偏偏與公主長得像,于是被迫代替她去往敵國和親抚笔。 傳聞我的和親對象是個殘疾皇子扶认,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,037評論 2 355

推薦閱讀更多精彩內(nèi)容