UI界面設計

Andriod界面設計的分辨率和尺寸適配全攻略

10083

非常適合android界面設計的新手們。25學堂顧把Andriod界面設計的分辨率和尺寸適配全攻略奉獻給大家！

第一、屏幕尺寸：

一般表示是手機的實際物理尺寸，屏幕尺寸指屏幕的對角線的長度，單位是英寸，1英寸=2.54厘米。

比如常見的屏幕尺寸有3.5、3.7、4.2、5.0、5.5、6.0等。

以下是相關的單位術語：

（1），?Screen size?屏幕的尺寸，即對角線長度（單位inch-英寸）

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

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

（4）， Density-independent pixel (dp)獨立像素密度。標準是160dip.即1dp對應1個pixel，計算公式如：px = dp * (dpi / 160)，屏幕密度越大，1dp對應的像素點越多。

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

分辨率720*1280表示手機水平方向的像素為720，垂直方向為1280.

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

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

一般設計的時候我們設置PS的分辨率為：72 像素/英寸

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

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

第四、Andriod相關的單位：

px：像素（設計師都知道像素是什么）。

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

sp：和dp一樣，只是用于描述字號和行距。 ?這個跟android開發(fā)工程師相關。我們設計師只要按照設計的單位 px即可。但是標注的時候，必須采用。

android-分辨率

下圖為圖標的各個屏幕密度的對應尺寸

屏幕密度	圖標尺寸
mdpi	48x48px
hdpi	72x72px
xhdpi	96x96px
xxhdpi	144x144px
xxxhdpi	192x192px

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

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

第五、android適配原理

Android手機的程序會尋找最佳界面資源：

1，排除與設備設置不符合的資源

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

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

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

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

換句話說：

android會有專門放置適配圖片的地方：

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

第六：PS的設計尺寸

1.一般采用720*1280的來設計。切圖可以直接適配720*1280分辨率的機型。當然也可以是1080*1920px

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

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

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

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

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

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

注意：大家在設計圖片的時候盡量采用偶數(shù)來設計。開發(fā)可以直接寫出來的就盡量不要切圖。

第七、只需要提供一套標注即可。

原則上需要為不同分辨單獨進行標注，但由于開發(fā)成本等各種考慮。

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

設計師要建立相對單位概念，可以直接使用dp標注尺寸、sp標注文字大??；

Andriod官網(wǎng)中就采用相對單位進行標注的。