實例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像素/英寸就可以滿足設計要求。