1.2 常用UI设计单位解析

在UI设计中,单位的运用非常关键,下面介绍常用单位的使用。

1.英寸

长度单位,用来表示计算机、电视机及各类多媒体设备的屏幕大小,通常指屏幕对角的长度。手持移动设备、手机等屏幕也沿用了这个单位。

2.分辨率

屏幕物理像素的总和,用屏幕宽乘以屏幕高的像素数来表示,如笔记本电脑上的1366px×768px,液晶电视上的1200px×1080px,手机上的480px×800px、640px×960px等。

3.网点密度

屏幕物理面积内所包含的像素数,以DPI(每英寸像素点数或像素/英寸)为单位来计量,DPI越高,显示的画面质量就越精细。在手机UI设计时,DPI要与手机相匹配,因为低分辨率的手机无法满足高DPI图片对手机硬件的要求,显示效果十分糟糕,所以在设计过程中就涉及一个全新的名词——屏幕密度。

4.屏幕密度

以搭载Android操作系统的手机为例分叙如下。

iDPI(低密度):120像素/英寸

mDPI(中密度):160像素/英寸

hDPI(高密度):240像素/英寸

xhDPI(超高密度):320像素/英寸

与Android相比,iPhone手机对密度版本的数量要求没有那么多,因为目前iPhone界面仅两种设计尺寸——960px×640px和640px×1136px,而网点密度(DPI)采用mDPI,即160像素/英寸就可以满足设计要求。