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

从设计方面来看,做手机界面设计的尺寸一般分为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 xxhdpi
iPhone 13 Pro6.146019 : 9390 x 8441170 x 25323.0 xxhdpi
iPhone 136.146019 : 9390 x 8441170 x 25323.0 xxhdpi
iPhone 13 mini5.447619 : 9360 x 7801080 x 23403.0 xxhdpi
iPhone 12 Pro Max6.745819 : 9428 x 9261284 x 27783.0 xxhdpi
iPhone 12 Pro6.146019 : 9390 x 8441170 x 25323.0 xxhdpi
iPhone 12 Mini5.447619 : 9360 x 7801080 x 23403.0 xxhdpi
iPhone 11 Pro5.845819 : 9375 x 8121125 x 24363.0 xxhdpi
iPhone 11 Pro Max6.545819 : 9414 x 8961242 x 26883.0 xxhdpi
iPhone 11 (11,XR)6.132619 : 9414 x 896828 x 17922.0 xhdpi
iPhone XS Max6.545819 : 9414 x 8961242 x 26883.0 xxhdpi
iPhone X (X,XS)5.845819 : 9375 x 8121125 x 24363.0 xxhdpi
iPhone 8+ (8+, 7+, 6S+, 6+)5.540116 : 9414 x 7361242 x 22083.0 xxhdpi
iPhone 8 (8, 7, 6S, 6)4.732616 : 9375 x 667750 x 13342.0 xhdpi
iPhone 5 / 5S / 5C / SE4.03269:16320 x 568640 x 11362.0 xhdpi
iPhone 4 / 4S3.53262:3320 x 480640 x 9602.0 xhdpi
iPhone 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以上时,肉眼就分辨不出单个像素点了。

  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 10
    评论
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

smart_dream

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值