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

2022-06-24 21:09:27 浏览数 (1)

大家好,又见面了,我是你们的朋友全栈君。

从设计方面来看,做手机界面设计的尺寸一般分为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://javaforall.cn/151801.html原文链接:https://javaforall.cn

0 人点赞