看到這樣的標(biāo)題，誰可以一一的把這些單位的含義和使用場景描述一下嗎？25學(xué)堂也不能，經(jīng)常忘記這些，所以顧分享這篇非常實用的APP設(shè)計尺寸單位換算的文章。

希望大家在平常來多看看。也增加一些自己的理解。讓我們設(shè)計APP更加精致和漂亮。

1、APP設(shè)計尺寸單位各自的定義：

px：pixel———————————— 【 像素】 ?電子屏幕上組成一幅圖畫或照片的最基本單元

pt: point—————————————【 點】印刷行業(yè)常用單位，等于1/72英寸

ppi: pixel per inch————————【每英寸像素數(shù)】 ?該值越高，則屏幕越細膩

dpi: dot per inch—————————【每英寸多少點】，該值越高，則圖片越細膩

dp: dip，Density-independent pixel, 【安卓開發(fā)用的長度單位】

? ? ? ? ? 1dp表示在屏幕像素點密度為160ppi時1px長度

sp: scale-independent pixel————————————【安卓開發(fā)用的字體大小單位】。

以上這些就是我們之前跟大家分享的APP相關(guān)尺寸單位的圖表。到今天為止，有沒有人全部看的明白呢？

如果沒有，繼續(xù)往下看，跟隨25學(xué)堂的小編來學(xué)習(xí)。

首先是3個單位換算的公式和算法：各位app設(shè)計師必須珍藏的公式。

四、px和dp

dp為安卓開發(fā)時的長度單位，根據(jù)不同的屏幕分辨率，與px有不同的對應(yīng)關(guān)系。

安卓端屏幕大小各不相同，根據(jù)其像素密度，分為以下幾種規(guī)格：

1dp定義為屏幕密度值為160ppi時的1px，即，在mdpi時，1dp = 1px。

以mdpi為標(biāo)準(zhǔn)，這些屏幕的密度值比為：ldpi : mdpi : hdpi : xhdpi : xxhdpi = 0.75 : 1 : 1.5 : 2 : 3；

在xhdpi的密度下，1dp=2px；在hdpi情況下，1dp=1.5px。其他類推。

公式四： 1dp=（屏幕ppi/ 160）px

 

以WVGA屏為例，該屏幕為480px*800px，按3.8寸屏算，點密度 √ (480^2 + 800^2) / 3.8 = 245，約等于240，對應(yīng)于hdpi屏幕，所以該屏幕1dp=1.5px

五、dp和sp

dp和sp都是安卓的開發(fā)單位，dp是長度單位，sp是字體單位。sp與dp類似，但是可以根據(jù)用戶的字體大小首選項進行縮放。Android系統(tǒng)允許用戶自定義文字尺寸大?。ㄐ?、正常、大、超大等等），

公式五：當(dāng)文字尺寸是“正?！睍r1sp=1dp，而當(dāng)文字尺寸是“大”或“超大”時，1sp>1dp。

 

一般情況下可認(rèn)為sp=dp。詳細閱讀《Android APPUI設(shè)計師必知：pt sp dp之間的關(guān)系》

總結(jié)：由于做設(shè)計時以xhdpi為模板，xhdpi條件下，1dp=2px。若新建畫布時，將畫布分辨率設(shè)為144ppi，則1pt=2px=1dp。此時，即可將pt等同于dp。

標(biāo)注長度的時候，將長度像素除以2即為dp值。

超級好用的在線實時預(yù)覽APp設(shè)計圖的工具：psplay

PS：在photoshop cc中切圖時，可直接在.png 圖片圖層名稱前加上200%獲得2倍大小的圖，其他比例的切圖以此類推。輸出的兩倍圖不模糊的前提是，該圖是photoshop中用形狀工具畫出來的未被柵格化的圖形，而不是已被柵格化的圖層或外部導(dǎo)入的圖片。

希望以上Snow作者的總結(jié)，有利于大家的app設(shè)計學(xué)習(xí)和進步。

25學(xué)堂也感謝Snow作者的辛勤總結(jié)：以上內(nèi)容來源：http://oriental13.lofter.com/