從設計方面來看，做手機界面設計的尺寸一般分為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以上時，肉眼就分辨不出單個像素點了，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/266764.html
標籤：其他