与设计尺寸相关的术语,随着移动设备的不断更新,支持的屏幕分辨率也越来越多。尤其是Android系统的移动设备,使用的分辨率就有480px×800px、480px×854px、540px×960px、720px×1280px、1080px×1920px等。
近年来,iPhone系统使用的分辨率也越来越多,常见的有640px×960px、640px×1136px、750px×1334px、1242px×2208px等。虽然Android系统和iOS系统下的屏幕尺寸众多且各不相同,但还是有规律可循的。实际上,随着适配方法的不断优化,大部分的App和移动端网页,在各种尺寸的屏幕上都能正常显示。
1、屏幕尺寸
屏幕的物理尺寸以屏幕的对角线长度作为依据,并且以英寸为单位。目前主流的手机屏幕尺寸主要有3.5、4.0、4.7、5.0英寸,更大的有6.0、7.0英寸等,而平板电脑常用的屏幕尺寸主要有7.0、8.0、9.7、10.1英寸等。
说明
英寸:英制标准长度单位。
1英寸≈2.54厘米。
寸是我国特有的长度单位。
3寸≈10厘米,1寸≈3.33厘米。
2、分辨率
与图像分辨率类似,屏幕分辨率是指手机屏幕所能容纳的像素数量,屏幕内容纳的像素数量越多,画面就越精细,分辨率就越高,如图1所示。
图1 图像分辨率
3、屏幕像素密度
屏幕像素密度,即PPI(Pixel Per Inch),是指每英寸屏幕内所拥有的像素数。屏幕像素密度越大,显示的画面细节就越丰富。为什么有些手机屏幕会清晰一些,有些会模糊一些,就是因为屏幕像素密度的不同造成的。
Android系统手机支持多种屏幕像素密度,主要分为低密度(Ldpi)、中密度(Mdpi)、高密度(Hdpi)、特高密度(XHdpi)和超高密度(XXHdpi)。
dp即dip(device independent pixels,设备独立像素),是Android系统UI设计中常用的虚拟像素单位。引入dp这个单位是为了设计图能适配不同像素密度的屏幕。dp与px之间是可以转换的,但是在不同屏幕像素密度的手机中,两者之间的转换值不是固定不变的。Android系统不同的屏幕像素密度和尺寸如图2所示。
图2 Android系统UI设计中的屏幕像素密度和尺寸
说明
设计工作中经常会遇到如下单位和定义。
px(pixels):像素,对应屏幕上的实际像素点。
dpi(Dots Per Inch):每英寸长度内所能打印的点数。
Ldpi,Mdpi,Hdpi等都不是计量单位,而是衡量屏幕清晰度的指标名称,与打印上的dpi不是一种概念。
in(inches):英寸,屏幕物理长度单位。
mm(millimeters):毫米,屏幕物理长度单位。
设计师在设计的时候主要考虑屏幕的分辨率,并以此作为移动App的设计尺寸,而屏幕的物理尺寸并不能作为设计尺寸来使用。