非常適合android界面設(shè)計(jì)的新手們。25學(xué)堂顧把Andriod界面設(shè)計(jì)的分辨率和尺寸適配全攻略奉獻(xiàn)給大家！

第一、屏幕尺寸：

一般表示是手機(jī)的實(shí)際物理尺寸，屏幕尺寸指屏幕的對(duì)角線的長(zhǎng)度，單位是英寸，1英寸=2.54厘米。

比如常見(jiàn)的屏幕尺寸有3.5、3.7、4.2、5.0、5.5、6.0等。

以下是相關(guān)的單位術(shù)語(yǔ)：

（1），?Screen size?屏幕的尺寸，即對(duì)角線長(zhǎng)度（單位inch-英寸）

（2）， Screen density屏幕密度，即單位長(zhǎng)度像素點(diǎn)數(shù)（pots/inches）

（3）， Resolution 分辨率，即屏幕的總像素點(diǎn)數(shù)（width * height）

（4）， Density-independent pixel (dp)獨(dú)立像素密度。標(biāo)準(zhǔn)是160dip.即1dp對(duì)應(yīng)1個(gè)pixel，計(jì)算公式如：px = dp * (dpi / 160)，屏幕密度越大，1dp對(duì)應(yīng) 的像素點(diǎn)越多。

第二、屏幕分辨率：屏幕上顯示的像素個(gè)數(shù)，單位尺寸內(nèi)像素點(diǎn)越多，顯示的圖像就越清楚。單位是px，1px=1個(gè)像素點(diǎn)。

分辨率720*1280表示手機(jī)水平方向的像素為720，垂直方向?yàn)?280.

市場(chǎng)上主流分辨率有：480*800、 720*1280、 1080*1920（其他的早該淘汰了，忽略不計(jì)）。

特別注意：這里的分辨率和我們ps里面設(shè)置的分辨率不是同一個(gè)分辨率。

一般設(shè)計(jì)的時(shí)候我們?cè)O(shè)置PS的分辨率為：72 像素/英寸

第三、屏幕密度：表示屏幕每英寸有多少個(gè)像素。即屏幕像素密度。?單位是dpi

幕像素密度與屏幕尺寸和屏幕分辨率有關(guān)，在單一變化條件下，屏幕尺寸越小、分辨率越高，像素密度越大，反之越小。

第四、Andriod相關(guān)的單位：

px：像素（設(shè)計(jì)師都知道像素是什么）。

dp：andriod開(kāi)發(fā)中用于描述尺寸和間距。

sp：和dp一樣，只是用于描述字號(hào)和行距。 ?這個(gè)跟android開(kāi)發(fā)工程師相關(guān)。我們?cè)O(shè)計(jì)師只要按照設(shè)計(jì)的單位 px即可。但是標(biāo)注的時(shí)候，必須采用。

下圖為圖標(biāo)的各個(gè)屏幕密度的對(duì)應(yīng)尺寸

下面是目前主流的屏幕密度：

240dpi（480*800px） 、320dpi（720*1280px）、480dpi（1080*1920px）

第五、android適配原理

Android手機(jī)的程序會(huì)尋找最佳界面資源：

1， 排除與設(shè)備設(shè)置不符合的資源

2， 根據(jù)限定詞（qualifier）的優(yōu)先級(jí)，按照順序查找

3， 在限定詞下，是否存在資源路徑

4， 排除不包含在限定詞中的資源路徑

5, ?繼續(xù)執(zhí)行不同的限定詞查找，直到找到相應(yīng)的資源

換句話說(shuō)：

android會(huì)有專(zhuān)門(mén)放置適配圖片的地方：

drawable—xhdpi、drawable—hdpi、drawable—mdpi、drawable—ldpi

第六：PS的設(shè)計(jì)尺寸

1.一般采用720*1280的來(lái)設(shè)計(jì)。切圖可以直接適配720*1280分辨率的機(jī)型。當(dāng)然也可以是1080*1920px

2.720*1280下的切圖資源基本可以適配其他機(jī)型，有些特殊的切圖需要單獨(dú)適配的，比如icon等。

3.適配480*800的機(jī)型，只需要把切圖*0.75即可。

4.適配1080*1920機(jī)型，只需要把切圖*1.5即可。

5.適配1080*1920的時(shí)候，不要單獨(dú)硬生生的將圖標(biāo)放大1.5倍。這就要求在720*1280下畫(huà)圖的時(shí)候，盡量采用矢量圖形來(lái)畫(huà) ? ? ?圖。比如在720*1280下圖圖標(biāo)是48px*48px的時(shí)候，適配1080*1920時(shí)候，48px*1.5=72px。把矢量圖形調(diào)整為72px即可。把 ? 切圖資源給開(kāi)發(fā)，開(kāi)發(fā)會(huì)把切圖單獨(dú)放到xxhdpi的文件目錄下，就會(huì)自動(dòng)適配1080*1920的了。

同樣要是適配480*800的，48px*0.75=32px，把切圖給開(kāi)發(fā)，開(kāi)發(fā)會(huì)把切圖資源單獨(dú)放到hdpi的目錄下，就會(huì)自動(dòng)適配的。

720*1280下的切圖資源，開(kāi)發(fā)是放到xhdpi的目錄下的。

注意：大家在設(shè)計(jì)圖片的時(shí)候盡量采用偶數(shù)來(lái)設(shè)計(jì)。開(kāi)發(fā)可以直接寫(xiě)出來(lái)的就盡量不要切圖。

第七、只需要提供一套標(biāo)注即可。

原則上需要為不同分辨單獨(dú)進(jìn)行標(biāo)注，但由于開(kāi)發(fā)成本等各種考慮。

?選取320dpi下（分辨率為：720*1280）進(jìn)行設(shè)計(jì)，此分辨率下1dp=2px。

設(shè)計(jì)師要建立相對(duì)單位概念，可以直接使用dp標(biāo)注尺寸、sp標(biāo)注文字大?。?

Andriod官網(wǎng)中就采用相對(duì)單位進(jìn)行標(biāo)注的。

其他更多關(guān)于android 界面設(shè)計(jì)的教程可以關(guān)注25學(xué)堂之前發(fā)布的APP設(shè)計(jì)經(jīng)驗(yàn)：

1、APP產(chǎn)品經(jīng)理必備的APP線框圖工具【Android和iOS】

2、Android設(shè)計(jì)規(guī)范以及android UI kits完整PSD下載

3、Android APP設(shè)計(jì)教程與終極UI適配秘籍【圖文版】

4、Android APP界面標(biāo)注、尺寸換算和APP標(biāo)注工具

5、Android移動(dòng)APP設(shè)計(jì)字體規(guī)范詳解