屏幕尺寸-创意箱

界面设计尺寸与常用尺寸

屏幕尺寸: 指实际的物理尺寸，为屏幕对角线的测量。单位in(英寸)

像素（PX）: 代表屏幕上一个物理的像素点。

屏幕密度 density

为解决Android设备碎片化，引入一个概念DP，也就是密度。指在一定尺寸的物理屏幕上显示像素的数量，通常指分辨率。

density和dpi的关系是density = dpi/160，对dpi的一个规范，160dpi密度为1

分辨率: 屏幕宽像素*屏幕长像素

Dpi(dots per inch): Dots Per Inch.每英寸的点数。打印分辨率（每英寸所能打印的点数，即打印精度）。应用于输出，重点是打印设备

Ppi(pixels per inch): 图像分辨率（在图像中，每英寸所包含的像素数目），photoshop 画布的分辨率常设置为72 像素/英寸，这个单位就是ppi

dp: device independent pixel即dip，设备独立像素，android特有，屏幕密度为1,即dpi=160px的屏幕则1dp = 1px。

PPI 的运算方式：

PPI = √（宽度像素数² + 高度像素数²） / 屏幕对角线英寸数。

即：宽、高各自平方之和的开方，再除以屏幕对角线的英寸数范例：

iphoneXS 为例，其 ppi=√（1242px² + 2688px²）/4 in=458ppi（视网膜 Retina 屏）

iphone5 为例，其 ppi=√（640px² + 1136px²）/4 in=326ppi（视网膜 Retina 屏）

android 手机，一个不确切的分法是，720 x 1280 的手机很可能接近 320 dpi （xhdpi 模式），480 x 800 的手机很可能接近 240 dpi （hdpi 模式），而 320 x 480 的手机则很接近 160dpi（mdpi 模式）。尽管概念不同，但是对于移动设备的显示屏，可以看作 ppi=dpi。

SCREEN SIZE

屏幕尺寸大全

序号

设备名称

操作系统

尺寸in

纵横比

逻辑分辨率dpwidth*height

物理分辨率pxwidth*height

像素密度PPI

1

iPhone Xs+

iOS

6.5

19.5 : 9

414 x 896

1242 x 2688

3.0 xxhdpi

2

iPhone XR

iOS

6.1

19.5 : 9

414 x 896

828 x 1792

2.0 xxhdpi

3

iPhone Xs

iOS

5.8

19.5 : 9

375 x 812

1125 x 2436

3.0 xxhdpi

4

iPhone X

iOS

5.8

19.5 : 9

375 x 812

1125 x 2436

3.0 xxhdpi

5

iPhone 8+ (8+, 7+, 6S+, 6+)

iOS

5.5

16 : 9

414 x 736

1242 x 2208

3.0 xxhdpi

6
iPhone 8 (7, 7, 6S, 6)
iOS
4.7
16 : 9
375 x 667
750 x 1334
2.0 xxhdpi

7
iPhone SE (SE, 5S, 5C)
iOS
4.0
16 : 9
320 x 568
640 x 1136
2.0 xhdpi

8
Android One
Android
4.5
16 : 9
320 x 569
480 x 854
1.5 hdpi

9
Google Pixel
Android
5.0
16 : 9
411 x 731
1080 x 1920
2.6 xxhdpi

10
Google Pixel XL
Android
5.5
16 : 9
411 x 731
1440 x 2560
3.5 xxxhdpi

11
Moto X
Android
4.7
16 : 9
360 x 640
720 x 1280
2.0 xhdpi

12
Moto X 二代
Android
5.2
16 : 9
360 x 640
1080 x 1920
3.0 xxhdpi

13
Nexus 5
Android
5.0
16 : 9
360 x 640
1080 x 1920
3.0 xxhdpi

14
Nexus 5X
Android
5.2
16 : 9
411 x 731
1080 x 1920
2.6 xxhdpi

15
Nexus 6
Android
6.0
16 : 9
411 x 731
1440 x 2560
3.5 xxxhdpi

16
Nexus 6P
Android
5.7
16 : 9
411 x 731
1440 x 2560
3.5 xxxhdpi

17
Samsung Galaxy S8
Android
5.8
18.5 : 9
360 x 740
1440 x 2960
4.0 xxxhdpi

18
Samsung Galaxy S8+
Android
6.2
18.5 : 9
360 x 740
1440 x 2960
4.0 xxxhdpi

19
Samsung Galaxy Note 4
Android
5.7
16 : 9
480 x 853
1440 x 2560
3.0 xxhdpi

20
Samsung Galaxy Note 5
Android
5.7
16 : 9
480 x 853
1440 x 2560
3.0 xxhdpi

21
Samsung Galaxy S5
Android
5.1
16 : 9
360 x 640
1080 x 1920
3.0 xxhdpi

22
Samsung Galaxy S7 (S7, S6, S6 Edge)
Android
5.1
16 : 9
360 x 640
1440 x 2560
4.0 xxxhdpi

23
Samsung Galaxy S7 Edge
Android
5.5
16 : 9
360 x 640
1440 x 2560
4.0 xxxhdpi

24
Smartisan T2
Android
4.95
16 : 9
360 x 640
1080 x 1920
3.0 xxhdpi

25
Smartisan M1
Android
5.15
16 : 9
360 x 640
1080 x 1920
3.0 xxhdpi

26
Smartisan M1L
Android
5.7
16 : 9
480 x 853
1440 x 2560
3.0 xxhdpi

27
坚果 Pro
Android
5.5
16 : 9
360 x 640
1080 x 1920
3.0 xxhdpi

28
OnePlus 5
Android
5.5
16 : 9
360 x 640
1080 x 1920
3.0 xxhdpi

29
OnePlus 3T
Android
5.5
16 : 9
360 x 640
1080 x 1920
3.0 xxhdpi

30
Oppo R9s (R9s, R11)
Android
5.5
16 : 9
360 x 640
1080 x 1920
3.0 xxhdpi

31
Oppo R9s Plus (R9s Plus, R11 Plus)
Android
6.0
16 : 9
360 x 640
1080 x 1920
3.0 xxhdpi

32
Oppo A57
Android
5.2
16 : 9
360 x 640
720 x 1280
2.0 xhdpi

33
Oppo A59s
Android
5.5
16 : 9
360 x 640
720 x 1280
2.0 xhdpi

34
Oppo A37
Android
5.0
16 : 9
360 x 640
720 x 1280
2.0 xhdpi

35
小米MIX
Android
6.4
17 : 9
360 x 680
1080 x 2040
3.0 xxhdpi

36
小米Note 2
Android
5.7
16 : 9
360 x 640
1080 x 1920
3.0 xxhdpi

37
小米6
Android
5.15
16 : 9
360 x 640
1080 x 1920
3.0 xxhdpi

38
小米5s
Android
5.15
16 : 9
360 x 640
1080 x 1920
3.0 xxhdpi

39
小米5s Plus
Android
5.7
16 : 9
360 x 640
1080 x 1920
3.0 xxhdpi

40
小米Max
Android
6.44
16 : 9
360 x 640
1080 x 1920
3.0 xxhdpi

41
红米Note 4 (4, Note 4X)
Android
5.5
16 : 9
360 x 640
1080 x 1920
3.0 xxhdpi

42
红米 4 (4, 4X)
Android
5.0
16 : 9
360 x 640
720 x 1280
2.0 xhdpi

43
Vivo X9 (X9, X9s)
Android
5.5
16 : 9
360 x 640
1080 x 1920
3.0 xxhdpi

44
Vivo X9 Plus (X9 Plus, X9s Plus)
Android
5.88
16 : 9
360 x 640
1080 x 1920
3.0 xxhdpi

45
HUAWEI P10
Android
5.1
16 : 9
360 x 640
1080 x 1920
3.0 xxhdpi

46
HUAWEI P10 Plus
Android
5.5
16 : 9
360 x 640
1440 x 2560
4.0 xxxhdpi

序号

设备名称

操作系统

尺寸in

纵横比

逻辑分辨率dpwidth*height

物理分辨率pxwidth*height

像素密度PPI

1
iPad mini 4 (mini 4, mini 2)
iOS
7.9
4 : 3
768 x 1024
1536 x 2048
2.0 xhdpi

2
iPad Air 2 (Air 2, Air)
iOS
9.7
4 : 3
768 x 1024
1536 x 2048
2.0 xhdpi

3
iPad Pro 9.7
iOS
9.7
4 : 3
768 x 1024
1536 x 2048
2.0 xhdpi

4
iPad Pro 10.5
iOS
10.5
4 : 3
834 x 1112
1668 x 2224
2.0 xhdpi

5
iPad Pro 12.9
iOS
12.9
4 : 3
1024 x 1336
2048 x 2732
2.0 xhdpi

6
Google Pixel C
Android
10.2
4 : 3
900 x 1280
1800 x 2560
2.0 xhdpi

7
Nexus 9
Android
8.9
4 : 3
768 x 1024
1536 x 2048
2.0 xhdpi

8
Surface 3
Windows
10.8
16 : 9
720 x 1080
1080 x 1920
1.5 hdpi

9
小米平板 2
Android
7.9
16 : 9
768 x 1024
1536 x 2048
2.0 xhdpi

序号

设备名称

操作系统

尺寸in

纵横比

逻辑分辨率dpwidth*height

物理分辨率pxwidth*height

像素密度PPI

1
Apple Watch 38mm
iOS
1.5
5 : 4
136 x 170
272 x 340
2.0 xhdpi

2
Apple Watch 42mm
iOS
1.7
5 : 4
156 x 195
312 x 390
2.0 xhdpi

3
Moto 360
Android
1.6
32 : 29
241 x 218
320 x 290
1.3 tvdpi

4
Moto 360 v2 42mm
Android
1.4
65 : 64
241 x 244
320 x 325
1.3 tvdpi

5
Moto 360 v2 46mm
Android
1.6
33 : 32
241 x 248
320 x 330
1.3 tvdpi

6
Sony Smartwatch 3
Android
1.6
1.1 : 1.1
213 x 213
320 x 320
1.5 hdpi

7
Samsung Gear Live
Android
1.7
1.1 : 1.1
213 x 213
320 x 320
1.5 hdpi

序号

设备名称

操作系统

尺寸in

纵横比

逻辑分辨率dpwidth*height

物理分辨率pxwidth*height

像素密度PPI

1
MacBook
OS X
12.0
16 : 10
1280 x 800
2304 x 1440
2.0 xhdpi

2
MacBook Air 11
OS X
11.6
16 : 9
1366 x 768
1366 x 768
1.0 mdpi

3
MacBook Air 13
OS X
13.3
16 : 10
1440 x 900
1440 x 900
1.0 mdpi

4
MacBook Pro 13
OS X
13.3
16 : 10
1280 x 800
2560 x 1600
2.0 xhdpi

5
MacBook Pro 15
OS X
15.4
16 : 10
1440 x 900
2880 x 1800
2.0 xhdpi

6
iMac 21.5
OS X
21.5
16 : 9
1920 x 1080
1920 x 1080
1.0 mdpi

7
iMac 21.5 4K
OS X
21.5
16 : 9
1920 x 1080
4096 x 2304
2.0 xhdpi

8
iMac 27
OS X
27
16 : 9
2560 x 1440
2560 x 1440
1.0 mdpi

9
iMac 27 5K
OS X
27
16 : 9
2560 x 1440
5120 x 2880
2.0 xhdpi

10
Surface Book
Windows
13.5
3 : 2
1500 x 1000
3000 x 2000
2.0 xhdpi

11
Surface Pro
Windows
12.3
3 : 2
1368 x 912
2736 x 1824
2.0 xhdpi

12
Surface Laptop
Windows
13.5
3 : 2
1128 x 752
2256 x 1504
2.0 xhdpi

13
Surface Studio
Windows
28
3 : 2
2250 x 1500
4500 x 3000
2.0 xhdpi

14
Dell XPS 13
Windows
13.3
16 : 9
1920 x 1080
3200 x 1800
1.5 hdpi

15
Dell XPS 15
Windows
15.6
16 : 9
1920 x 1080
3840 x 2160
2.0 xhdpi

16
小米笔记本Air 12.5
Windows
12.5
16 : 9
1920 x 1080
1920 x 1080
1.0 mdpi

17
小米笔记本Air 13.3
Windows
13.3
16 : 9
1920 x 1080
1920 x 1080
1.0 mdpi

序号

设备名称

操作系统

尺寸in

纵横比

逻辑分辨率dpwidth*height

物理分辨率pxwidth*height

像素密度PPI

1
Apple Thunderbolt Display
-
27
16 : 9
2560 x 1440
2560 x 1440
1.0 mdpi

2
Dell UltraSharp HD 5K
-
27
16 : 9
2560 x 1440
5120 x 2880
2.0 xhdpi

3
Dell UltraSharp U2515H
-
25
16 : 9
1280 x 720
2560 x 1440
2.0 xhdpi

4
Dell UltraSharp U2417H
-
23.8
16 : 9
1920 x 1080
1920 x 1080
1.0 mdpi

5
Dell UltraSharp U2717D
-
27
16 : 9
2560 x 1440
2560 x 1440
1.0 mdpi

6
Dell UltraSharp U3415W
-
34
21 : 9
3440 x 1440
3440 x 1440
1.0 mdpi

7
LG 34UC98-W
-
4
21 : 9
3440 x 1440
3440 x 1440
1.0 mdpi

8
LG UltraFine 4K
-
21.5
16 : 9
1920 x 1080
4096 x 2304
2.0 xhdpi

9
LG UltraFine 5K
-
27
16 : 9
2560 x 1440
5120 x 2880
2.0 xhdpi

如果喜欢，就分享给你第一个想起的人吧~

公众号【icshow点cc】后台留言回复“设计规范”，可以打包下载。

创意箱

资源库

界面设计尺寸与常用尺寸

屏幕尺寸大全