首页 理论教育 常见设备标准尺寸

常见设备标准尺寸

时间:2022-03-03 理论教育 版权反馈
【摘要】:为了避免在APP设计中出现不必要的麻烦,如设计尺寸错误导致显示不正常,那么设备的尺寸标准,如屏幕尺寸、屏幕分辨率以及屏幕密度就必须先了解清楚。屏幕尺寸,是指屏幕对角线的尺寸,一般用英寸来表示。屏幕尺寸在APP设计中非常重要,不仅决定着视图的大小,更重要的是还决定着设计中图标的大小。还有一小部分的屏幕尺寸宽度为96px、101px、320px或是大于320px,屏幕宽度低于128px的设备只占很小的比例。

为了避免在APP设计中出现不必要的麻烦,如设计尺寸错误导致显示不正常,那么设备的尺寸标准,如屏幕尺寸、屏幕分辨率以及屏幕密度就必须先了解清楚。

1.4.1  屏幕尺寸

屏幕尺寸,是指屏幕对角线的尺寸,一般用英寸来表示。由于智能手机采用的液晶屏,其大小和分辨率是根据它的市场定位决定的,因此为了适应不同人群的消费能力和使用习惯,智能手机的液晶显示器的尺寸和分辨率种类远远要比计算机的液晶显示器多。屏幕尺寸在APP设计中非常重要,不仅决定着视图的大小,更重要的是还决定着设计中图标的大小。

苹果手机屏幕如图1.31所示。

手机屏幕大小和图标之间的关系如图1.32所示。

手机屏幕和人体工程学之间的关系如图1.33所示。

图1.31

图1.32

图1.33

[作者分享]

应该怎样选择手机的屏幕尺寸:现在市场上的新手机层出不穷,光手机屏幕尺寸就大大小小几十种。目前主流智能手机的尺寸一般是3~4英寸(1英寸=2.54厘米,下同),男性单手操作手机的舒适范围是3.5~4英寸,超过4英寸很多人就会觉得操作起来不那么舒服了;女性单手操作手机的舒适范围是3~3.5英寸。

手机屏幕尺寸如图1.34所示。

图1.34

手机屏幕尺寸的选择如图1.35所示。

图1.35

[作者分享]

手机的屏幕宽度主要集中在128 px、240 px和176 px这几种类型中,而其他类型,如120 px、130 px、160 px、208 px和220 px和这3种类型值也相差不大。还有一小部分的屏幕尺寸宽度为96 px、101 px、320 px或是大于320 px,屏幕宽度低于128 px的设备只占很小的比例。

1.4.2  屏幕分辨率

显示分辨率就是屏幕上显示的像素个数,分辨率160×128的意思是水平方向每一英寸中含有像素数为160个,垂直方向每一英寸像素数为128个。分辨率越高,像素的数目越多,感应到的图像就越精密。在屏幕尺寸一样的情况下,分辨率越高,显示效果就越精细和细腻。

分辨率为300 px时的图像如图1.36所示。

分辨率为5 px时的图像如图1.37所示。

图1.36

图1.37

用放大工具将图片放大后,所见的图片就变成全是方格子的样子,而每个正方形格子,就是一个像素。如果有兴趣去数一下这些格子,就可以发现屏宽的格子数为380,屏高的格子数为260,即分辨率中的宽和高。

手机屏幕的分辨率如图1.38所示。

图1.38

[作者分享]

通常情况下,图像的分辨率越高,所包含的像素就越多,图像就越清晰;同时,它也会增加文件占用的存储空间。在屏幕尺寸不变的情况下,其分辨率不能越过它的最大合理限度,否则就失去了意义。

1.4.3  屏幕密度

网点是印刷中的最小单位。在印刷过程中,网点控制的好坏直接影响着印刷品的质量,而控制和检验印刷品质量的最基本的方法就是密度测量法。在用密度计测量网点面积率时,实际上测量的还是密度,通过仪器内部的转换可以显示出网点面积率。

手机屏幕密度如图1.39所示。

图1.39

在屏幕密度中,HVGA屏的密度为160,QVGA屏的密度为120,WVGA屏的密度为240,WQVGA屏的密度为120。其中密度值表示每英寸有多少个显示点,它与分辨率是两个概念。不同密度下屏幕分辨率的信息,以480 px×800 px的WVGA屏(密度为240)的密度为120为例,屏幕实际分辨率为240 px×400 px。

[作者分享]

Android手机屏幕密度和分辨率的关系:当密度为120时,屏幕实际分辨率为240 px×400 px,状态栏和标题栏高各为19 px或者25 dpi。横屏时,屏幕宽度为400 px或者800 dpi,工作区域高度为211 px或者480   dpi。竖屏时,屏幕宽度为240 px或者480 dpi,工作区域高度为381 px或者775 dpi;密度为160时,屏幕实际分辨率为320 px×533 px,状态栏和标题栏高各为25 px或者25 dpi。横屏时,屏幕宽度为533 px或者800 dpi,工作区域高度为295 px或者480 dpi。竖屏时,屏幕宽度为320 px或者480 dpi,工作区域高度为508 px或者775 dpi。

手机屏幕密度如图1.40所示。

图1.40

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈