购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.6 移动UI设计常用尺寸单位

移动设备的硬件配置千差万别,尤其是屏幕,拥有多种尺寸和分辨率。而屏幕又与UI设计的应用效果息息相关,如果UI设计的文件尺寸错误,就有可能导致显示效果不正常。下面就来讲解与移动UI设计相关的尺寸单位知识。

1. in

in(inch,英寸)是长度单位。1 in等于2.54 cm。移动设备的屏幕尺寸非常多,通常我们所说的××手机的屏幕尺寸为×× in,指的是屏幕对角线的长度。下图所示为几款比较流行的手机的屏幕尺寸。

2. px

px是像素的单位,是英文pixel的缩写。像素是构成数字影像的基本单元。一个像素点有多大,主要取决于屏幕的显示分辨率。屏幕的显示分辨率是指屏幕在水平和垂直两个方向上各拥有的像素个数。因此,相同面积、不同分辨率的屏幕,其像素点的大小就不相同。

例如,iPhone X的屏幕分辨率为1125 px×2436 px,就可以理解为整个屏幕是由水平1125个像素点、垂直2436个像素点组成的,如下左图所示;华为P30的屏幕分辨率为1080 px×2340 px,就可以理解为整个屏幕是由水平1080个像素点、垂直2340个像素点组成的,如下右图所示。

3. ppi

ppi是像素密度的单位,是英文pixels per inch的缩写。像素密度表示的是每英寸长度所拥有的像素数量,是反映移动设备屏幕清晰度的重要参数之一。像素密度越高,代表屏幕能够以越高的密度显示图像,理论上来讲就是屏幕的像素密度越高,屏幕越精细,画质相对就更出色。下图所示为像素密度163 ppi和326 ppi的屏幕显示效果对比。可以看到较低的像素密度下屏幕显示效果比较粗糙,图像有明显的颗粒感;较高的像素密度下画面的拟真度更高,图像也更加细腻。

实践证明,当手机屏幕的像素密度低于240 ppi时,人眼会观察到比较明显的像素颗粒;当像素密度高于300 ppi时,人眼将无法察觉像素颗粒,并且在近距离阅读和观看时,视觉效果都非常细腻和清晰;当像素密度高于400 ppi时,图像的边角会更细腻。

像素密度的计算公式如下。

由公式可知,屏幕的像素密度是由分辨率和尺寸共同决定的。下表所示为几款手机的屏幕尺寸、分辨率和像素密度的对比。

4. pt

pt是英文point的缩写,中文意思为“点”。在常规的排版中,字号以“点”为单位。活字的大小称为“字号”,而字母的宽度称为“字宽”。

5. dpi

dpi是指图像每英寸长度内的像素点个数,是英文dots per inch的缩写。dpi原来是印刷上的计量单位,意思是每英寸长度上所能印刷的网点数。但随着数字输入、输出设备的快速发展,现在也用dpi表示数字影像的解析度,dpi值越高,图片越细腻。

6. dp

dp是density-independent pixel的缩写,它是Android系统开发用的长度单位。Android系统定义了低(120 dpi)、中(160 dpi)、高(240 dpi)、超高(320 dpi)四种像素密度,它们对应的dp到px的系数分别为0.75、1、1.5、2,这个系数乘以dp长度就是像素数。

7. sp

sp是scale-independent pixel的缩写,它是Android系统开发用的文字尺寸单位。Android系统允许用户自定义文字尺寸大小(小、正常、大、超大等),当文字尺寸是“正常”时,1 sp=1 dp,而当文字尺寸是“大”或“超大”时,1 sp>1 dp。 WSDId+9v02dHVYt+kSkao3W8QDGUBc8R5T+yUFqgSVZz8io9PirWtRjrsigdcm4o

点击中间区域
呼出菜单
上一章
目录
下一章
×