1. 概念介紹####
絕對(duì)長(zhǎng)度單位和相對(duì)長(zhǎng)度單位的區(qū)別
- 絕對(duì)長(zhǎng)度單位：自然界標(biāo)準(zhǔn)的長(zhǎng)度單位。例如in（inch英寸）、cm（厘米）、mm（毫米）等等。
- 相對(duì)長(zhǎng)度單位：px,em,rem等，設(shè)計(jì)和前端常用的單位。=L =就是那些天天掛嘴邊，然而如果問(wèn)到和絕對(duì)長(zhǎng)度單位換算的問(wèn)題。例如“1px等于多少cm”就會(huì)讓人傻眼的單位
2. 屏幕分辨率，屏幕尺寸的區(qū)別####
-
屏幕分辨率
屏幕的像素分辨?zhèn)€數(shù)。以“長(zhǎng)x寬”的形式出現(xiàn)。我們常說(shuō)的1024x768這類 -
屏幕尺寸
屏幕對(duì)角線的長(zhǎng)度！
3. 屏幕像素密度####
**PPI（Pixels Per Inch） **
屏幕上每英寸可以顯示的像素點(diǎn)的數(shù)量-
*DPI(Dots Per Inch) **
它表示每英寸能打印上的墨滴數(shù)量,現(xiàn)在也引入到計(jì)算機(jī)中
說(shuō)白了，就是我們常說(shuō)的畫(huà)質(zhì)高低，和清晰程度。
想想FF7和SE不知道何年會(huì)放出的FF7 PS4高清重制版的區(qū)別，是不是就廓然開(kāi)朗了！?。}尼大法好！出了買(mǎi)買(mǎi)買(mǎi)?。?br> 數(shù)值越大，越細(xì)膩，數(shù)值越低越嘛，即使是個(gè)美少年，糊成那樣也只能是蠟筆畫(huà)或者馬賽克=L =
=L =關(guān)于它的計(jì)算方法，其實(shí)就是道簡(jiǎn)單的應(yīng)用題，通過(guò)上文，已知分辨率為1080px720px，尺寸為5in,求屏幕密度是多少？
勾股定理算出對(duì)角線的分辨率：√(19202+10802)≈2203px
對(duì)角線分辨率除以屏幕尺寸：2203/5≈440dpi是不是so easy!答對(duì)的同學(xué)+10分！
安裝Windows操作系統(tǒng)的電腦屏幕PPI的初始值是96，Mac的初始值是72，雖然這個(gè)值從80年代起就不是很準(zhǔn)確了。 一般來(lái)說(shuō)，非retina桌面（包括Mac）的PPI的取值區(qū)間在72-120之間，因?yàn)檫@個(gè)取值區(qū)間能夠確保你的作品在任何地方都能保持大致相同的比例。
引用一下《設(shè)計(jì)師DPI指南》一文的這段文字，有設(shè)計(jì)經(jīng)驗(yàn)的童鞋肯定對(duì)這個(gè)值很有熟悉感=L =。
4.dpi的分布####
然而大安卓的手機(jī)品牌如星羅棋盤(pán)，dpi的值自然也大不一樣。為此Google官方指定按照下列標(biāo)準(zhǔn)區(qū)分不同設(shè)備的dpi：
蘋(píng)果的區(qū)分則更為簡(jiǎn)單：非高清屏、高清屏、超高清屏。
5.何謂DP和PT？####
DP或PT是測(cè)量單位，你可以用來(lái)規(guī)范你的各種設(shè)備和多DPI的app模型。 DP(Dip)表示獨(dú)立于設(shè)備的像素點(diǎn)，PT表示點(diǎn)。DP用在Android上，PT用在Apple上，但是他們本質(zhì)上是相同的。
簡(jiǎn)而言之，它能定義獨(dú)立于設(shè)備的像素比的大小，這會(huì)包含在不同角色（如設(shè)計(jì)師和工程師）之間的討論規(guī)則中。
學(xué)術(shù)性的解釋和介紹我還是偷懶，繼續(xù)引用《設(shè)計(jì)師DPI指南》一文的內(nèi)容。
相對(duì)于上面生澀難度的介紹，我是這么理解的。
其實(shí)就是等比例放大。就是在在家里用電腦看電影，和去電影看IMAX，你會(huì)發(fā)現(xiàn)看到的畫(huà)面內(nèi)容是一樣的，還不會(huì)變形！
=。=如果在電腦上看zootipia，
朱迪的耳朵是這么長(zhǎng)(這排引號(hào)是在表示長(zhǎng)度！)
-----..
那去IMAX看就是
------------------------------------...
反正就是超出了電腦屏幕很多的長(zhǎng)度！！
但是DPI主要是和px這種相對(duì)長(zhǎng)度單位有關(guān)系，為了方便計(jì)算和體現(xiàn)這個(gè)長(zhǎng)度與PX之間的關(guān)系，聰明的human干脆又發(fā)明了帶有點(diǎn)物理單位意義的單位去計(jì)算這個(gè)長(zhǎng)度，
安卓家叫DP，
水果家叫PT,
文字則叫SP
為什么要發(fā)明這個(gè)單位，可以這么理解，對(duì)于迪士尼的制作人員而言，是為了知道即使他們得使用普通大小的電腦屏幕制作動(dòng)畫(huà)，但是也知道在IMAX上要用多少分辨率才能保證觀眾們可以看清動(dòng)物們的毛發(fā)。
6.像素比（DP和px如何換算）####
(:зゝ∠)前面說(shuō)了那么多，終于說(shuō)到了今天的主角。介紹像素比之前，我們先得先說(shuō)說(shuō)像素比是怎么來(lái)的，要到它的來(lái)歷，首先， 我們得知道DP和px如何換算。
DP本來(lái)就是為了表示同一個(gè)圖像長(zhǎng)度單位在不同分辨率的屏幕中，占據(jù)了多少px,
繼續(xù)以朱迪的耳朵舉例子的話，設(shè)朱迪的耳朵長(zhǎng)度是1DP的話。朱迪的耳朵在電腦中占了10個(gè)像素格子，但是在IMAX中占了10n（設(shè)n是個(gè)系數(shù)）個(gè)像素格子。
可以說(shuō)，電腦中，1DP=10，而IMAX中1=10n。這時(shí)，電腦和IMAX的比例是1：N，而1：N則就是我們要介紹的像素比。
通過(guò)這個(gè)比例我們就能輕易知道在IMAX上要使用多少像素。
像素比
借用renkai在《UI設(shè)計(jì)師不可不知的安卓屏幕知識(shí)》一文中的圖來(lái)解釋一下什么是像素比。
不同屏幕密度之間的密度值比例為上圖所示。即120:160:240:320：480 =3:4:6:8:12。相隔數(shù)值之間是2倍的關(guān)系。如果以mdpi為基準(zhǔn)，即使mdpi:ldpi=1:0.75。如此類推。
所以前端和重構(gòu)和設(shè)計(jì)們所見(jiàn)到1x,1.5x,2x,3x對(duì)應(yīng)的圖片其實(shí)就是這么來(lái)的，為的就是適應(yīng)不同DPI的清晰度需求。為啥沒(méi)有 0.75x？因?yàn)閷?duì)于習(xí)慣了高精度畫(huà)面的消費(fèi)者來(lái)說(shuō)，這么糊的屏幕已經(jīng)退出了市場(chǎng)。
有了像素比，把現(xiàn)在市面上成千種不同的分辨率分成5組圖像需求，是不是大大大大大降低了工作量??！
7. 4K和視網(wǎng)膜屏幕的科普####
于愛(ài)看視頻的人或者愛(ài)嘗試新玩意的機(jī)友來(lái)說(shuō)，這些名詞應(yīng)該不算陌生
** 標(biāo)清（SD）：它適用于從1280x720px或720p開(kāi)始的720水平的任何分辨率，也稱720P
高清（HD）：于1920x1080px的屏幕，就是所謂的1080P
** 超高清（UHD）：4K始于3840x2160像素，另外一個(gè)4K的分辨率是4096*2160，這個(gè)稍微大一點(diǎn)，一般用在投影儀和大畫(huà)幅相機(jī)上。4k就是四倍全高清
視網(wǎng)膜屏：“Retina（視網(wǎng)膜）顯示屏”是Apple公司在發(fā)布iPhone 4時(shí)引入的。之所以叫做Retina是因?yàn)樵O(shè)備的PPI非常高以至于人的視網(wǎng)膜也不能在屏幕上分辨出像素點(diǎn)來(lái)。
參考文獻(xiàn)：
