上QQ阅读APP看书,第一时间看更新
实例006 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像素/英寸就可以满足设计要求。