1、一、Android設(shè)計(jì)常識開始介紹之前先幫大家梳理一下Android常用單位，方便各位親們更好的掌握并了解Android端設(shè)計(jì)規(guī)范。1.1 Android常用單位1.1.1.PPI(pixels per inch)：數(shù)字影像的解析度，也就是每英寸所擁有的像素?cái)?shù)，即像素密度；PPI計(jì)算公式：ppi=（長度像素?cái)?shù)2 + 寬度像素?cái)?shù)2）/屏幕對角線英寸數(shù)1.1.2.DPI(dots per inch)：是指印刷上的計(jì)量單位，也就是每英寸上能印刷的網(wǎng)點(diǎn)數(shù)，我們設(shè)計(jì)用于顯示器的默認(rèn)為（72像素/英寸）就好了；1.1.3.屏幕尺寸（Screen Size）：一般我們所說的手機(jī)屏幕尺寸，比如3英寸

2、、5.5英寸等，都是指對角線的長度，而不是手機(jī)的面積；1.1.4.分辨率（Resolution）：是指手機(jī)屏幕垂直和水平方向上的像素個數(shù)，比如分辨率為：720*1280，是指設(shè)備水平方向有720個像素點(diǎn)，垂直方向有1280個像素點(diǎn)1.1.5.px( pixels)： 像素，不同設(shè)備顯示效果相同1.1.6.pt（ point）：一個標(biāo)準(zhǔn)的長度單位，ios的邏輯單位，1Pt=1/72英寸，用于印刷業(yè)，非常簡單易用；標(biāo)注字體大?。?2是早期臺式機(jī)的DPI）1.1.7.sp（Scaled-independentpixels）：放大像素， 安卓的字體單位；1.1.

3、8.Dp（Density-independentpixels）：是指設(shè)備的獨(dú)立像素，不同的設(shè)備有不同的顯示效果，它與設(shè)備硬件有關(guān)系；sp和dp基本一樣，是android開發(fā)里特有的單位，都是為了保證文字在不同密度的顯示屏上顯示相同的效果；dp與設(shè)備硬件有關(guān)，與屏幕密度無關(guān)，sp與屏幕密度和設(shè)備硬件均無關(guān)；1.2 換算關(guān)系android開發(fā)中，文字大小的單位是sp，非文字的尺寸單位用dp，但是我們在設(shè)計(jì)稿用的單位是px。這些單位如何換算，是設(shè)計(jì)師、開發(fā)者需要了解的關(guān)鍵。* dp：以160PPI屏幕為標(biāo)準(zhǔn)，則1dp=1px。  dp和px的換算公式 ：dp*ppi/160 =

4、px。  對于320ppi的屏幕，1dp x 320ppi/160= 2px。* sp：它是安卓的字體單位，以160PPI屏幕為標(biāo)準(zhǔn)，當(dāng)字體大小為 100%時(shí)， 1sp=1px。   sp 與 px 的換算公式：sp*ppi/160= px。   對于320ppi的屏幕，1sp x 320ppi/160 = 2px。    簡單理解的話，px（像素）是我們UI設(shè)計(jì)師在PS里使用的，同時(shí)也是手機(jī)屏幕上所顯示的，dp是開發(fā)寫layout的時(shí)候使用的尺寸單位。dp和px的換算公式

5、：dp*ppi/160 =px或者px=dp*ppi/160。    為什么要把sp和dp代替px？原因是他們不會因?yàn)閜pi的變化而變化，在相同物理尺寸和不同ppi下，他們呈現(xiàn)的高度大小是相同。也就是說更接近物理呈現(xiàn)，而px則不行。根據(jù)單位換算方法，可總結(jié)出：當(dāng)運(yùn)行在mdpi模式下時(shí)，1dp=1px ：也就是說設(shè)計(jì)師在PS里定義一個item高48px，開發(fā)就會定義該item高48dp ；當(dāng)運(yùn)行在hdpi模式下時(shí)，1dp=1.5px ：也就是說設(shè)計(jì)師在PS里定義一個item高72px，開發(fā)就會定義該item高48dp ；當(dāng)運(yùn)行在xhdpi模式下時(shí)，1dp=2px ：

6、也就是說設(shè)計(jì)師在PS里定義一個item高96px，開發(fā)就會定義該item高48dp ； 具體換算關(guān)系如下：ldpi模式下                   1dp=0.75pxmdpi模式下(baseline)         1dp=1pxhdpi模式下      

7、             1dp=1.5pxxhdpi模式下                  1dp=2pxxxhdpi模式下               &

8、#160; 1dp=3pxXxxhdpi模式下                1dp=4px小結(jié)：其實(shí)對于我們設(shè)計(jì)師來講，我們做效果圖的單位仍然是px，那些sp、dp、pt單位都是Android開發(fā)中所使用到的單位，但是我們必須要了解每種單位的含義以及它們之間的關(guān)系，這樣才能使我們的設(shè)計(jì)更加統(tǒng)一和完美。 1.3 Android屏幕分辨率 Android按照DPI分為了LDP、MDPI、HDPI、XHDP和XXHDPI

9、五類，Android 4.3還添加了XXXHDPI這個新的DPI分類。下面是Android界面尺寸詳細(xì)總結(jié)：目前主流的安卓手機(jī)分辨率有以下3種：hdpi，對應(yīng)480*800的手機(jī)。主流機(jī)型：小米1 ，1s 三星 htc 等xdpi，對應(yīng)720*1280的手機(jī)。主流機(jī)型：三星Galaxy系列和華為p6等xxdpi，對應(yīng)1080*1920的手機(jī)。主流機(jī)型：小米手機(jī)，華為榮耀手機(jī)系列為主加上 htc one 下面是當(dāng)面流行的安卓手機(jī)的屏幕尺寸和分辨率：1.4 設(shè)計(jì)稿基本元素的尺寸設(shè)置Android手機(jī)那么多，具體怎么分？哪些手機(jī)是幾倍的倍率呢？我們設(shè)計(jì)人員需要按照哪個尺寸進(jìn)行設(shè)計(jì)？我們先看

10、一張表，這是友盟2014年10月到2015年03月的數(shù)據(jù)： 從友盟的分辨率占比數(shù)據(jù)來看：720*1280的手機(jī)占比最高為31.9%，800*480的手機(jī)占比為18.5%位居第二，而540*960 的手機(jī)占比最少為9.8% ，xxdhpi模式的高分辨率1080 * 1920手機(jī)占比也越來越高，目前為10.2% 。所以我沒可以得出結(jié)論：目前Android主流手機(jī)屏幕分辨率為：xdhpi模式的高分辨率720*1280。     在目前我們的安卓APP設(shè)計(jì)項(xiàng)目當(dāng)中，我們并不會去為每一種分辨率去設(shè)計(jì)一套UI界面。為每一種分辨

11、率單獨(dú)設(shè)計(jì)一套UI界面，這是一種追求完美和理想的狀態(tài)。所以，這個時(shí)候我們需要學(xué)會變通，為了適應(yīng)多分辨率，我們一般選擇一個較合適的分辨率最為基準(zhǔn)，以下3種方法分別是我經(jīng)常用到的方式，僅供大家參考：方法1以中間尺寸（xdpi：720*1280px）作為基準(zhǔn)，然后放大或縮小，以適應(yīng)到其他尺寸；不足之處是，對于更高分辨率的手機(jī)，圖標(biāo)被放大后會導(dǎo)致質(zhì)量不高。方法2以較大尺寸（xxdpi：1080*1920px）作為基準(zhǔn)，然后縮小，并適應(yīng)到所需的最小屏幕尺寸；缺點(diǎn)是，圖標(biāo)等若都是最大尺寸，加載時(shí)速度慢且耗費(fèi)流量較多，對于小分辨率的用戶也不夠好。方法3有些時(shí)候我們也會在實(shí)際開發(fā)過程中，Android和ios

12、的設(shè)計(jì)稿若無太大差異，也可從ios的分辨率（750*1334px）開始，再調(diào)整設(shè)計(jì)稿的比例，適應(yīng)其他分辨率；不足之處：在切圖的時(shí)候需要做一些圖片的調(diào)整，如果不是矢量圖的原件，需要重新按照720*1280的尺寸設(shè)計(jì)下。 結(jié)合友盟的分辨率占比數(shù)據(jù)、也為了方便換算到android開發(fā)中的尺寸單位，推薦設(shè)計(jì)稿的畫布尺寸選用 720X1280px，分辨率為72ppi（像素/英寸）。一、Android設(shè)計(jì)規(guī)范2.1界面基本組成元素Android的APP界面和iphone的界面基本相同：狀態(tài)欄+導(dǎo)航欄+主菜單欄+內(nèi)容區(qū)域具體大小請參照1.3中Android界面尺寸2.2字體設(shè)計(jì)規(guī)范安卓4.0之后用

13、的字體是Roboto。中文字體：方正蘭亭黑體，是谷歌自己的字體，與微軟雅黑很像。2.3界面圖標(biāo)規(guī)范界面中圖形的實(shí)現(xiàn)由兩種，一種是用圖片，另一種是代碼畫出來。代碼畫的方式比較耗費(fèi)程序員腦力和代碼量，圖片則耗費(fèi)空間，增加APP 的體積。一般是偏重使用圖片，但是一些簡單形狀的按鈕可以直接讓程序員畫出來即可。2.3.1切圖要點(diǎn)1.有一些小的icon式按鈕，不能只切到icon邊緣，而是要考慮到最終實(shí)現(xiàn)的時(shí)候，是把這個圖片做成按鈕，和用戶交互。所以必須要多留一些透明的邊，讓能點(diǎn)擊的圖片在88×88以上，這樣用戶才保證比較好點(diǎn)到。2.對于不改變可見圖形而又需要加大點(diǎn)擊區(qū)域的圖。那么切圖的時(shí)候建議在

14、可見圖形的四周都加上1像素的透明，這是為了放大拉伸而不產(chǎn)生可見區(qū)域的圖像失真。3.切圖的高度。對于一個通用的背景圖，如文字圓角邊框背景，那么切圖的時(shí)候并不是效果圖上有多高就切多高，為了通用而是只需切一行文字的高度就可以了。不過這也不是絕對的，準(zhǔn)確的說應(yīng)該切的高度為H=paddingTop+textHeight+paddingBottom，及文字相對背景的上邊距+一行文字的高度+文字相對背景的下邊距。4.切圖的寬度。如果是一個通用的背景圖，那么他的寬度應(yīng)該是他在效果圖中的最小寬度，也就是說這個背景可能在多處使用到了，就取最小的那個寬度就可以了。比較麻煩的是鋪滿全屏的時(shí)候，這就需要看看你做的效果圖

15、的寬屏寬度，所以說做效果圖的時(shí)候最好是做小屏幕的效果圖。有人可能會問點(diǎn)9的圖不是可以拉伸、壓縮嗎，為什么需要參考最小的寬度呢？根據(jù)個人經(jīng)驗(yàn)發(fā)現(xiàn)，一個大圖在屏幕小的情況下點(diǎn)9圖中拉伸的部分會變得顏色更深。5.以每個模塊分開創(chuàng)建文件夾存放切圖資源；這樣更有助于程序員在每個模塊的時(shí)候找到相應(yīng)的圖片；6.所有切圖尺寸必須是偶數(shù)，一般是png-24格式；2.3.2底部工具欄icon切圖（有兩種方法）方法1：icon單獨(dú)切，有默認(rèn)和選中兩種狀態(tài)方法2：icon + 文字一起切，有默認(rèn)和選中兩種狀態(tài)2.3.3切圖命名規(guī)范：下面是常用的一些命名縮寫：導(dǎo)航欄：nav    

16、0;   主菜單欄：tab         背景：bg          按鈕：btn按鈕常態(tài)：nor         按鈕選中：sel         按鈕按下：down         圖標(biāo)：icon搜索：search         個人資料：proflie  

17、       用戶：user        彈出：pop返回：back           刷新：refresh            刪除：delete       編輯：edit例如：nav_bg、tab_btn_sel2.3.4點(diǎn)九切圖：  首先我們要知道什么是點(diǎn)9圖：點(diǎn)九圖是andriod平臺的應(yīng)用軟件開發(fā)里的一種特殊的圖片形式，是一種可拉抻而不失真

18、的圖，文件擴(kuò)展名為：.9.png。其實(shí)相當(dāng)于把一張png圖分成了9個部分（九宮格），分別為4個角（圖中：1、3、6、8），4條邊（圖中：2、4、5、7），以及一個中間區(qū)域（圖中：9）。  比如我們的微信、QQ的聊天氣泡就是典型的點(diǎn)9圖，因?yàn)榱奶鞖馀菪枰S文字的多少進(jìn)行拉抻。一般圖在整體放大時(shí)會出現(xiàn)失真的情況，而點(diǎn)9圖是把圖中某些部分進(jìn)行拉抻，而不重復(fù)的地方，比如圓角和光澤等部分都不做變化，以此來實(shí)現(xiàn)圖片的放大，不會出現(xiàn)失真的情況。接著我們來說一下點(diǎn)9圖的繪制方法：當(dāng)然點(diǎn)9圖的繪制方法也有很多種，直接用點(diǎn)9切圖的軟件，譬如：draw9patch、cutterman等，安卓開發(fā)中的SDK里有tools文件夾，里面有一個draw9patch.bat，或者直接用ps繪制點(diǎn)9切圖；我個人還是習(xí)慣用ps直接繪制點(diǎn)