Photoshop移动UI界面设计实用教程(全彩超值版)
上QQ阅读APP看书,第一时间看更新

1.2 常用UI设计单位解析

在UI界面设计中,单位的应用非常关键,下面了解常用单位的使用。

1.英寸

长度单位,从电脑的屏幕到电视机再到各类多媒体设备的屏幕大小通常指屏幕对角的长度。而手持移动设备、手机等屏幕也沿用了这个概念。

2.分辨率

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

3.网点密度

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

4.屏幕密度(Screen Densities)

以搭载Android操作系统的手机为例分别为:

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

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

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

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

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