■ 相關(guān)術(shù)語(yǔ)說(shuō)明

● 屏幕尺寸

指的是屏幕對(duì)角線的長(zhǎng)度，單位英寸。1in=2.54cm

● 物理分辨率（絕對(duì)單位）

又稱設(shè)備像素，指設(shè)備能控制顯示的最小物理單位，意指顯示器上一個(gè)個(gè)的點(diǎn)。是顯示屏固有的參數(shù)，不能調(diào)節(jié)，其含義是指顯示屏最高可顯示的像素?cái)?shù)。

物理分辨率也叫標(biāo)準(zhǔn)分辨率，是指LED顯示屏顯示的圖像原始分辨率，也叫真實(shí)分辨率。和物理分辨率對(duì)應(yīng)的是壓縮分辨率，決定圖像清晰程度的是物理分辨率，決定顯示屏的適用范圍的是壓縮分辨率。物理分辨率即LED液晶板的實(shí)際分辨率，在LED液晶板上通過(guò)網(wǎng)格來(lái)劃分液晶體，一個(gè)液晶體為一個(gè)像素點(diǎn)。那么，輸出分辨率為1024×768 時(shí)，就是指在LED液晶板的橫向上劃分了1024個(gè)像素點(diǎn)，豎向上劃分了768個(gè)像素點(diǎn)。物理分辨率越高，則可接收分辨率的范圍越大，則顯示屏的適應(yīng)范圍越廣。通常用物理分辨率來(lái)評(píng)價(jià)LED顯示屏的檔次。

● 邏輯分辨率（相對(duì)單位）

設(shè)備獨(dú)立像素，與設(shè)備像素密度無(wú)關(guān)，可以認(rèn)為是計(jì)算機(jī)坐標(biāo)系統(tǒng)中的一個(gè)點(diǎn)，這個(gè)點(diǎn)代表一個(gè)可以由程序使用的虛擬像素，這個(gè)點(diǎn)是沒(méi)有固定下限的，越小越清晰，然后由相關(guān)系統(tǒng)轉(zhuǎn)換為物理像素。

● DPR(設(shè)備像素比)

設(shè)備像素比 = 設(shè)備像素 / 設(shè)備獨(dú)立像素

-非視網(wǎng)膜屏：在iPhone 3GS時(shí)代（320x480，PPI為163），設(shè)備像素=獨(dú)立像素，都為320像素（320個(gè)點(diǎn)），屏幕上的像素點(diǎn)肉眼可見(jiàn)，屏幕有顆粒感

-視網(wǎng)膜屏：Retina Display，Retina 屏幕是一種具備超高像素密度的液晶屏，它可以將960×640的分辨率壓縮到一個(gè)3.5英寸的顯示屏內(nèi)。也就是說(shuō)，該屏幕的像素密度達(dá)到326像素/英寸(ppi)。iPhone4使用的就是 Retina Display 技術(shù)。與上幾代iPhone相比，Retina屏幕的像素?cái)?shù)擴(kuò)大了4倍，但屏幕尺寸并未變化，這就使得其像素密度實(shí)現(xiàn)翻番。

同樣的屏幕尺寸（3.5英寸），iPhone3GS的屏幕分辨率為320*480，iPhone4（視網(wǎng)膜屏）像素分辨率提高到（320 * 2） * （480 * 2） = 640 * 960，顯示分辨率提高到iPhone3GS的4倍所以在Retina屏的iphone上，DPR為2。1個(gè)邏輯像素相當(dāng)于2個(gè)物理像素

為了使得我們所看到的區(qū)域在不同設(shè)備保持著差不多的大小，如果使用像素為單位，在低分辨率顯示屏看著合適的圖像，在高分辨率顯示屏下就顯得特別小了。

所以iOS提出了單位pt（point），Android提出了單位dp（圖形的單位）。

● 其他相關(guān)

PPI：屏幕像素密度，即每英寸(1英寸=2.54厘米)存在的像素點(diǎn)個(gè)數(shù)，這里的一英寸是對(duì)角線長(zhǎng)度。計(jì)算公式，PPI = √（長(zhǎng)度像素?cái)?shù)2 + 寬度像素?cái)?shù)2） / 屏幕對(duì)角線英寸數(shù)，PPI越高則代表設(shè)備的顯示越清晰，當(dāng)高于300ppi時(shí)，人眼就無(wú)法識(shí)別出單獨(dú)的像素了。

scale(iOS)：縮放因子，單位長(zhǎng)度內(nèi)的數(shù)量比（pixel/point）

DPI(Android)：屏幕物理區(qū)域中的像素量；通常稱為 dpi（每英寸 點(diǎn)數(shù)）。例如， 與“正?！被颉案摺泵芏绕聊幌啾龋暗汀泵芏绕聊辉诮o定物理區(qū)域的像素較少，為簡(jiǎn)便起見(jiàn)，Android 將所有屏幕密度分組為六種通用密度： 低、中、高、超高、超超高和超超超高。

■ iOS設(shè)備型號(hào)規(guī)格對(duì)照表

因設(shè)備本身和系統(tǒng)版本支持的原因，iOS設(shè)備的適配基本不再考慮iphone4s以下的設(shè)備了

■ 常見(jiàn)Android設(shè)備規(guī)格對(duì)照表

因安卓設(shè)備的廠商對(duì)于屏幕分辨率和屏幕密度沒(méi)有一個(gè)統(tǒng)一的行業(yè)標(biāo)準(zhǔn)，比方說(shuō)同處于hdpi屏幕密度的兩臺(tái)設(shè)備，實(shí)際像素可能略有不同。所以Android給的屏幕密度顯示為區(qū)間，僅用提供通用尺寸和密度的設(shè)計(jì)UI，系統(tǒng)按需處理進(jìn)行不同設(shè)備的適配。

■ 以iOS設(shè)備為例，倍率換算的實(shí)際栗子

以iphonex(@3x)和iphone5s(@2x)為例

通過(guò)截圖的標(biāo)注來(lái)看：列表高度分別為162px/108px，等于54pt；文字大小33px/22px，等于11pt；圖標(biāo)大小72px/48px，等于24pt。(標(biāo)注僅供參考，實(shí)際略有誤差)

說(shuō)明了上述2倍、3倍的換算關(guān)系

在實(shí)際項(xiàng)目中，為了每種設(shè)備都有的良好的用戶體驗(yàn)，在一些圖片及圖標(biāo)的顯示上，并沒(méi)有完全按照2倍、3倍的關(guān)系進(jìn)行換算，而是針對(duì)一些機(jī)型做了單獨(dú)的適配。這些可能需要單獨(dú)進(jìn)行說(shuō)明，對(duì)設(shè)計(jì)進(jìn)行調(diào)整。

■ 針對(duì)一套設(shè)計(jì)稿適配多種終端設(shè)備的說(shuō)明

現(xiàn)在iOS和Android的操作方式越來(lái)越接近，大部分公司在界面設(shè)計(jì)上并沒(méi)有針對(duì)不同設(shè)備進(jìn)行單獨(dú)的適配，通常是一套設(shè)計(jì)稿就iOS和Android通用了（按照iOS設(shè)備4.7寸，750*1334的分辨率出），而Android最為接近的分辨率為720*1280，這個(gè)時(shí)候的兩端的界面是如何通用的呢？等比縮放？并不是，從上述表格中可以看到兩種設(shè)備的分辨率對(duì)應(yīng)的DPR（設(shè)備像素比）都為“2”，在倍率相同的情況下，列表的高度、圖片文字大小，左右間距一致，也就可以看成橫向750px比720px多顯示30px的內(nèi)容，右側(cè)內(nèi)容向左縮進(jìn)30px：

同樣的，倍率為“3”Android設(shè)備設(shè)計(jì)稿1920*1080分辨率，適配到iOS三倍設(shè)備1242*2208，也可看做橫向內(nèi)容多顯示162px的內(nèi)容，以此類推。