一、手機(jī)屏幕

英寸是手屏幕的計(jì)量單位窥摄。1in=2.54cm

來(lái)源網(wǎng)絡(luò)

二、像素

像素是圖像的基本采樣單位础淤，一個(gè)圖像放大之后會(huì)看見(jiàn)一個(gè)小點(diǎn)崭放，稱(chēng)之為像素點(diǎn)。

來(lái)自網(wǎng)絡(luò)

三鸽凶、分辨率

分辨率是屏幕像素的數(shù)量币砂，pc端分辨率越高，屏幕越大玻侥。因?yàn)閜c端有固定的像素密度（PPI),但只能手機(jī)就不一樣决摧，手機(jī)像素密度是不一樣的。

四凑兰、網(wǎng)點(diǎn)密度（DPI是英文Dots Per Inch的縮寫(xiě)掌桩，意為點(diǎn)每英寸（每英寸打印的點(diǎn)數(shù)）

當(dāng)DPI的概念在手機(jī)上時(shí)，表示手機(jī)屏幕上每英寸可以顯示像素點(diǎn)的數(shù)量票摇，屏幕生產(chǎn)工藝越高拘鞋，每英寸能容納的像素越多砚蓬。

用于印刷品的打印精度矢门，比如常用于“設(shè)備參數(shù)”描述（掃描儀、打印機(jī)）例如，設(shè)置一張打印分辨率為96DPI圖片祟剔，那么機(jī)器在打印過(guò)程中每英寸（inch）的長(zhǎng)度隔躲，就是打印了96個(gè)點(diǎn)（dot），打印機(jī)在每英寸內(nèi)打印的墨點(diǎn)越多物延，圖片看起來(lái)越精細(xì)宣旱。

來(lái)來(lái)源于網(wǎng)絡(luò)

如把打印分辨率設(shè)為96，則每英寸打印的就是96個(gè)點(diǎn)叛薯，那么打印機(jī)在每英寸內(nèi)打印的墨點(diǎn)數(shù)越多浑吟，圖片看起來(lái)就越清晰。
以下四張圖：由左往右耗溜，第二張是最清晰的组力，第四張則是很粗糙。

來(lái)自網(wǎng)絡(luò)

五抖拴、像素密度（PPI是英文Pixels Per Inch的縮寫(xiě)燎字，意為像素每英寸（每英寸所擁有的像素））

像素密度常用語(yǔ)”屏幕顯示“用來(lái)表示每英寸像素點(diǎn)數(shù)量。

比如常使用軟件ps創(chuàng)建文檔中阿宅，分辨率72同等于像素密度候衍。

來(lái)自網(wǎng)絡(luò)

注意：像素密度與分辨率是直接掛鉤的，同一英寸的前提下洒放，分辨率越大蛉鹿，像素密度（PPI）也就越大，屏幕以及圖片顯示的也就越清晰細(xì)膩拉馋；同一英寸榨为，同一分辨率的前提下，像素密度（PPI）越大煌茴，屏幕以及圖片顯示的也就越清晰細(xì)膩随闺。如下圖顯示：我們明顯可以看出第二張圖像素密度大，圖片更加清晰細(xì)膩蔓腐。

來(lái)自網(wǎng)絡(luò)

像素密度（PPI）計(jì)算矩乐，但一般很少使用。（橫向+縱向即是長(zhǎng)度像素+寬度像素也就是分辨率的大谢芈邸散罕；屏幕尺寸即是屏幕對(duì)角線(xiàn)的英寸數(shù)）

來(lái)自網(wǎng)絡(luò)

注意?當(dāng)我們把相同分辨率的圖片，放在具有相同像素顯示的屏幕上顯示時(shí)傀蓉，每一個(gè)像素欧漱，屏幕上對(duì)應(yīng)一個(gè)點(diǎn)顯示，此時(shí)DPI=PPI葬燎， 即我們把分辨率為m*n的圖片误甚，放在最大支持m*n像素的屏幕上時(shí)缚甩，DPI=PPI。

網(wǎng)點(diǎn)密度（DPI）和像素密度（PPI）的聯(lián)系：

dpi最初用于衡量打印物上每英寸的點(diǎn)數(shù)密度窑邦。DPI值越小圖片越不精細(xì)擅威。當(dāng)DPI的概念用在計(jì)算機(jī)屏幕上時(shí)，就應(yīng)稱(chēng)之為ppi冈钦。

當(dāng)DPI的概念用在手機(jī)屏幕上時(shí)郊丛，表示手機(jī)屏幕上每英寸可以顯示的像素點(diǎn)的數(shù)量。這時(shí)候我們用PPI來(lái)描述DPI在手機(jī)屏幕上的像素點(diǎn)瞧筛。屏幕生產(chǎn)工藝越高厉熟，每平方英寸就能容納更多的像素。例如一款A(yù)屏幕像素是320×480较幌，另一個(gè)B屏幕像素是640×960庆猫。兩款手機(jī)屏幕的物理尺寸都是3.5英寸，但像素密度（PPI）不一樣绅络。BRetina（視網(wǎng)屏幕）把2×2個(gè)像素當(dāng)1個(gè)像素使用月培。在同樣的物理面積內(nèi)填充了更多的像素，所以顯示效果更加精細(xì)恩急。如下圖杉畜，明顯右邊的文字更激清晰。

來(lái)自網(wǎng)絡(luò)

上文提到視網(wǎng)屏幕（BRetina）：

視網(wǎng)屏幕（BRetina）由于其具備超高的像素密度衷恭，因此屏幕顯示異常清晰此叠，它的分辨率只要達(dá)到300PPI（也就是每英寸300個(gè)像素點(diǎn)以上），肉眼看不到像素格随珠，圖片很清晰很精細(xì)灭袁。

IOS邏輯分辨率和像素倍率遲到關(guān)系：

來(lái)自網(wǎng)絡(luò)

IOS尺寸設(shè)備：

來(lái)自網(wǎng)絡(luò)

目前常用的尺寸是以iPhone6為主設(shè)計(jì)，@2? ?750X1334px在ps設(shè)計(jì)常用窗看，@1 375x750px是在skech設(shè)計(jì)常用（詳細(xì)說(shuō)明是之前設(shè)計(jì)錯(cuò)誤茸歧，希望大家不要犯這個(gè)錯(cuò)誤）在@2設(shè)計(jì)的基礎(chǔ)上，狀態(tài)欄40px显沈，導(dǎo)航欄88px软瞎，標(biāo)簽欄98px，工具欄88px拉讯。

UI設(shè)計(jì)基本單位的認(rèn)識(shí)：

px（pixel涤浇，像素）電子屏幕上組成一幅圖畫(huà)或照片的最基本單元。

pt（point魔慷，點(diǎn)）印刷行業(yè)常用單位只锭，等于1/72英寸。

ppi（ pixel per inch院尔，每英寸所含像素?cái)?shù)）該值越高蜻展，則屏幕越細(xì)膩页滚。

dpi（ dot per inch，每英寸打印的點(diǎn)數(shù)）該值越高铺呵，則圖片越細(xì)膩。

dp（ dip隧熙，Density-independent pixel片挂，長(zhǎng)度單位）1dp表示在屏幕像素點(diǎn)密度為160ppi時(shí)的1px長(zhǎng)度，該單位是安卓開(kāi)發(fā)用的長(zhǎng)度單位贞盯。

sp（ scale-independent pixel音念，字體單位）是安卓開(kāi)發(fā)用的字體大小單位。

單位換算關(guān)系躏敢；

公式一：1pt=（DPI/72）px

當(dāng)photoshop中新建畫(huà)布的分辨率為72ppi( 即 72dpi時(shí) )闷愤， 1pt=1px； 當(dāng)新建畫(huà)布分辨率為72*2=144ppi時(shí)件余，1pt=2px讥脐。

公式二：dpi=ppi

dpi最初用于衡量打印物上每英寸的點(diǎn)數(shù)密度。DPI值越小圖片越不精細(xì)啼器。當(dāng)DPI的概念用在計(jì)算機(jī)屏幕上時(shí)旬渠，就應(yīng)稱(chēng)之為ppi。同理： PPI就是計(jì)算機(jī)屏幕上每英寸可以顯示的像素點(diǎn)的數(shù)量端壳。因此告丢，在電子屏幕顯示中提到的ppi和dpi是一樣的。

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

dp為安卓開(kāi)發(fā)時(shí)的長(zhǎng)度單位损谦，根據(jù)不同的屏幕分辨率岖免，對(duì)應(yīng)的px關(guān)系也就不同。我們?cè)谇袌D時(shí)照捡，可以發(fā)現(xiàn)安卓端屏幕大小各不相同颅湘，像素密度、分辨率也不同栗精，可將其分為以下幾種規(guī)格：

來(lái)自網(wǎng)絡(luò)

1dp定義為屏幕密度值為160ppi時(shí)的1px栅炒，即，在mdpi時(shí)术羔，1dp = 1px赢赊。以mdpi為標(biāo)準(zhǔn)，這些屏幕的密度值比為：ldpi : mdpi : hdpi : xhdpi : xxhdpi = 0.75 : 1 : 1.5 : 2 : 3级历；即释移，在xhdpi的密度下，1dp=2px寥殖。

以WVGA屏為例玩讳，該屏幕為480px*800px涩蜘，按3.8寸屏算，點(diǎn)密度 √ (480^2 + 800^2) / 3.8 = 245熏纯，約等于240同诫，對(duì)應(yīng)于hdpi屏幕，所以該屏幕1dp=1.5px

公式四：當(dāng)文字尺寸是“正痴晾剑”時(shí)1sp=1dp误窖，而當(dāng)文字尺寸是“大”或“超大”時(shí)，1sp>1dp秩贰。一把情況下認(rèn)為1sp=1dp霹俺。

dp和sp都是安卓的開(kāi)發(fā)單位，dp是長(zhǎng)度單位毒费，sp是字體單位丙唧。

公式五：屏幕密度為160時(shí)，1dp=1sp=1px觅玻。

px想际、DP（DPI）、sp區(qū)別：（Android 設(shè)計(jì)尺寸）

來(lái)自網(wǎng)絡(luò)

因此安卓的設(shè)計(jì)尺寸是：720*1080px溪厘，這時(shí)的1dp=1sp=2px

總結(jié)：由于做設(shè)計(jì)時(shí)以xhdpi為模板沼琉，xhdpi條件下，1dp=2px桩匪。若新建畫(huà)布時(shí)打瘪，將畫(huà)布分辨率設(shè)為144ppi，則1pt=2px=1dp傻昙。如果屏幕密度為160時(shí)闺骚，1dp=1sp=1px。

（上文參考了以下的一些文章妆档，也是怕自己忘記僻爽，所以把認(rèn)為需要重點(diǎn)記憶的地方摘抄下來(lái)）其中的一些文章可以部分有用的即可。

分辨率贾惦、PPI胸梆、DPI概念定義詳解? ??

https://www.ui.cn/detail/422174.html

https://www.kamilet.cn/dpi-and-ppi-ultimate/

http://www.reibang.com/p/6b78ce7b7a29

http://www.woshipm.com/pmd/176328.html（八一八那些px、pt须板、ppi碰镜、dpi、dp习瑰、sp之間的關(guān)系绪颖，此講解單位相對(duì)較詳細(xì)）