【移动端】手机界面的设计尺寸(中国移动官方网站)
生活随笔
收集整理的這篇文章主要介紹了
【移动端】手机界面的设计尺寸(中国移动官方网站)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
從設計方面來看,做手機界面設計的尺寸一般分為iPhone和Android兩種設備。
Android的常用邏輯分辨率:
|
Android的常用邏輯分辨率:參考屏幕尺寸大全 |
|---|
|
360 * 640 、360 * 720、360 * 740、360 * 760、360 * 780、360 * 800 |
|
411 * 731 |
|
480 * 853 |
iPhone的分辨率
| 設備 | 邏輯分辨率(point)(pt) | 物理分辨率(pixel)(px) | 屏幕尺寸(diagonal) | 縮放因子(scale) | 像素密度 PPI | 比例(近似) |
|---|---|---|---|---|---|---|
| iPhone 2G / 3 /3GS | 320 x 480 | 320 x 480 | 3.5英寸 | @1x | 163 | 2:3 |
| iPhone 4 /4S | 320 x 480 | 640 x 960 | 3.5英寸 | @2x | 326 | 2:3 |
| iPhone 5 / 5S / 5C / SE | 320 x 568 | 640 x 1136 | 4.0英寸 | @2x | 326 | 9:16 |
| iPhone 6 / 6S / 7 / 8 | 375 x 667 | 750 x 1334 | 4.7英寸 | @2x | 326 | 9:16 |
| iPhone 6 Plus /6S Plus /7 Plus / 8 Plus | 414 x 736 | 1080 x 1920 | 5.5英寸 | @3x | 401 | 9:16 |
| iPhone X/XS | 375 x 812 | 1125 x 2436 | 5.8英寸 | @3x | 458 | 9:20 |
| iPhone XS Max | 414 x 896 | 1242 x 2688 | 6.5英寸 | @3x | 458 | 9:20 |
| iPhone XR | 414 x 896 | 828 x 1792 | 6.1英寸 | @2x | 326 | 9:20 |
| iPhone SE (第二代) | 375 x 667 | 750 x 1334 | 4.7 英寸 | @2x | 326 | 9:16 |
| iPhone 11 | 414 x 896 | 828 x 1792 | 6.1 英寸 | @2x | 326 | |
| iPhone 11 Pro | 375 x 812 | 1125 x 2436 | 5.8 英寸 | @3x | 458 | |
| iPhone 11 Pro Max | 414 x 896 | 1242 x 2688 | 6.5 英寸 | @3x | 458 | |
| iPhone 12 mini | 375 x 812 | 1080 x 2340 | 5.4 英寸 | @3x | 476 | |
| iPhone 12 / 12 Pro | 390 x 844 | 1170 x 2532 | 6.1英寸 | @3x | 460 | |
| iPhone 12 Pro Max | 428 x 926 | 1284 x 2778 | 6.7英寸 | @3x | 458 |
全新 iPhone 12 發布,再談 iPhone 屏幕尺寸
屏幕尺寸
屏幕尺寸是指屏幕的對角線長度。
單位
屏幕的單位是以英寸為單位。換算關系如下:1 inch = 2.54cm = 25.4mm
邏輯分辨率和物理分辨率
邏輯分辨率以point(pt)為單位,物理分辨率以pixel(px)為單位。
縮放因子(scale)
因為邏輯分辨率和物理分辨率存在著一定的比例關系,這種比例的關系稱為縮放因子。其對應關系為:1pt = scale * px
像素密度PPI
像素密度PPI(Pixel Per Inch)是指每英寸上容納的像素數量。
計算PPI,可以簡單用勾股定理計算出對線上出現的像素,再除以對角線上長度:
我們知道,手機的屏幕是以像素的方式一個一個呈現出來的。PPI值越高,意味著有更細膩的畫面。較低PPI的屏幕看起來有顆粒感。但是當PPI值到達一定程度后,再繼續提升肉眼就分別不出來了。這就是蘋果提出的Retina顯示屏的概念。在一定的距離內,手機顯示屏在200PPI以上時,肉眼就分辨不出單個像素點了。
總結
以上是生活随笔為你收集整理的【移动端】手机界面的设计尺寸(中国移动官方网站)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Django(part51)--自定义U
- 下一篇: 幽默网名512个