【移动端】手机界面的设计尺寸 您所在的位置:网站首页 安卓手机原型图尺寸 【移动端】手机界面的设计尺寸

【移动端】手机界面的设计尺寸

2024-04-03 21:08| 来源: 网络整理| 查看: 265

从设计方面来看,做手机界面设计的尺寸一般分为iPhone和Android两种设备。

Android的常用逻辑分辨率:

Android的常用逻辑分辨率:参考屏幕尺寸大全 

360 * 640 、 360 * 720、 360 * 740、 360 * 760、 360 * 780、 360 * 800

411 * 731

480 * 853

iPhone的分辨率

设备

屏幕尺寸

像素密度

PPI

纵横比

逻辑分辨率

(point)(pt)

物理分辨率

(pixel)(px)

缩放因子

(scale)

iPhone 13 Pro Max6.745819 : 9428 x 9261284 x 27783.0 xxhdpiiPhone 13 Pro6.146019 : 9390 x 8441170 x 25323.0 xxhdpiiPhone 136.146019 : 9390 x 8441170 x 25323.0 xxhdpiiPhone 13 mini5.447619 : 9360 x 7801080 x 23403.0 xxhdpiiPhone 12 Pro Max6.745819 : 9428 x 9261284 x 27783.0 xxhdpiiPhone 12 Pro6.146019 : 9390 x 8441170 x 25323.0 xxhdpiiPhone 12 Mini5.447619 : 9360 x 7801080 x 23403.0 xxhdpiiPhone 11 Pro5.845819 : 9375 x 8121125 x 24363.0 xxhdpiiPhone 11 Pro Max6.545819 : 9414 x 8961242 x 26883.0 xxhdpiiPhone 11 (11,XR)6.132619 : 9414 x 896828 x 17922.0 xhdpiiPhone XS Max6.545819 : 9414 x 8961242 x 26883.0 xxhdpiiPhone X (X,XS)5.845819 : 9375 x 8121125 x 24363.0 xxhdpiiPhone 8+ (8+, 7+, 6S+, 6+)5.540116 : 9414 x 7361242 x 22083.0 xxhdpiiPhone 8 (8, 7, 6S, 6)4.732616 : 9375 x 667750 x 13342.0 xhdpiiPhone 5 / 5S / 5C / SE4.03269:16320 x 568640 x 11362.0 xhdpiiPhone 4 / 4S3.53262:3320 x 480640 x 9602.0 xhdpiiPhone 2G / 3 / 3GS3.51632:3320 x 480320 x 4801.0 xhdpi

全新 iPhone 12 发布,再谈 iPhone 屏幕尺寸

平板分辨率 笔记本分辨率 电脑分辨率

2560 x 1600 (2k+超清屏)

2560 x 1440 (2k)

2048 x 1536 (2k超清屏)

1920 x 1200 (1080p+全高清)

1920 x 1080 (1080p 全高清)

1366 x 768  (720p+高清屏)

1280 x 800  (720p 宽屏)

1024 x 768  (720p 屏)

1136 x 640

1024 x 600

800 x 480 (可以看到明显的像素点,清晰度低)

3840×2160(4K)

2560×1440(2K)

1920 x 1080 (1080p 全高清)(HD)

1366×768

1920 x 1080(推荐) 1680 x 1050 1600 x 1200 1600 x 900 1440 x 900 1280 x 1024 1280 x 960 1280 x 768 1280 x 720 1152 x 864 1024 x 768 800 x 600

屏幕尺寸

屏幕尺寸是指屏幕的对角线长度。

单位

屏幕的单位是以英寸为单位。换算关系如下: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以上时,肉眼就分辨不出单个像素点了。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有