一、Android設(shè)計(jì)常識開始介紹之前先幫大家梳理一下Android常用單位，方便各位親們更好的掌握并了解Android端設(shè)計(jì)規(guī)范。1.1Android常用單位1?1?1?PPI(pixelsperinch)：數(shù)字影像的解析度，也就是每英寸所擁有的像素?cái)?shù)，即像素密度；PPI計(jì)算公式：ppi=V(長度像素?cái)?shù)2+寬度像素?cái)?shù)2)/屏幕對角線英寸數(shù)1?1?2?DPI(dotsperinch)：是指印刷上的計(jì)量單位，也就是每英寸上能印刷的網(wǎng)點(diǎn)數(shù)，我們設(shè)計(jì)用于顯示器的默認(rèn)為(72像素/英寸)就好了；1?1?3?屏幕尺寸(ScreenSize)：一般我們所說的手機(jī)屏幕尺寸，比如3英寸、5.5英寸等，都是指對角線的長度，而不是手機(jī)的面積；1?1?4?分辨率(Resolution)：是指手機(jī)屏幕垂直和水平方向上的像素個(gè)數(shù)，比如分辨率為：720*1280，是指設(shè)備水平方向有720個(gè)像素點(diǎn)，垂直方向有1280個(gè)像素點(diǎn)1?1?5?px(pixels)：像素，不同設(shè)備顯示效果相同1?1?6?pt(point)：—個(gè)標(biāo)準(zhǔn)的長度單位，ios的邏輯單位，1Pt=1/72英寸，用于印刷業(yè)，非常簡單易用；標(biāo)注字體大小(72是早期臺(tái)式機(jī)的DPI)1?1?7?sp(Scaled-independentpixels):放大像素，安卓的字體單位；1?1?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=px。對于320ppi的屏幕，1dpx320ppi/160=2px。sp：它是安卓的字體單位，以160PPI屏幕為標(biāo)準(zhǔn)，當(dāng)字體大小為100%時(shí)，1sp=1px。sp與px的換算公式：sp*ppi/160=px。對于320ppi的屏幕，1spx320ppi/160=2px。簡單理解的話，px(像素)是我們UI設(shè)計(jì)師在PS里使用的，同時(shí)也是手機(jī)屏幕上所顯示的，dp是開發(fā)寫layout的時(shí)候使用的尺寸單位。dp和px的換算公式:dp*ppi/160=px或者px=dp*ppi/160。為什么要把sp和dp代替px?原因是他們不會(huì)因?yàn)閜pi的變化而變化，在相同物理尺寸和不同ppi下，他們呈現(xiàn)的高度大小是相同。也就是說更接近物理呈現(xiàn)，而px則不行。根據(jù)單位換算方法，可總結(jié)出：當(dāng)運(yùn)行在mdpi模式下時(shí)，1dp=1px:也就是說設(shè)計(jì)師在PS里定義一個(gè)item高48px，開發(fā)就會(huì)定義該item高48dp；當(dāng)運(yùn)行在hdpi模式下時(shí)，1dp=1.5px:也就是說設(shè)計(jì)師在PS里定義一個(gè)item高72px，開發(fā)就會(huì)定義該item高48dp；當(dāng)運(yùn)行在xhdpi模式下時(shí)，1dp=2px:也就是說設(shè)計(jì)師在PS里定義一個(gè)item高96px，開發(fā)就會(huì)定義該item高48dp；具體換算關(guān)系如下：ldpi模式下1dp=0.75pxmdpi模式下(baseline)1dp=1pxhdpi模式下1dp=1.5pxxhdpi模式下1dp=2pxxxhdpi模式下1dp=3pxXxxhdpi模式下1dp=4px

小結(jié)：其實(shí)對于我們設(shè)計(jì)師來講，我們做效果圖的單位仍然是px,那些sp、dp、pt單位都是Android開發(fā)中所使用到的單位，但是我們必須要了解每種單位的含義以及它們之間的關(guān)系，這樣才能使我們的設(shè)計(jì)更加統(tǒng)一和完美。1.3Android屏幕分辨率Android按照DPI分為了LDP、MDPI、HDPI、XHDP和XXHDPI五類,Android4.3還添加了XXXHDPI這個(gè)新的DPI分類。下面是Android界面尺寸詳細(xì)總結(jié)：

Android^igR寸貝他馭LDPIMDPSHDPIXHDPIXXHDF1XXKHDPI240*330空0*訝旳朋ITBOD720*1280ioa(r-iseo1朋IT25SD煲空寸3^3.5^寸綏寸爲(wèi)勺、5濮寸4?了英寸5.5-5.^寸宕畔小算辜中區(qū)第花喬毎滋淸尿球甜空陸居幣ppi?120dpiISOdpi?4Cdp330dpid-BCdp64CcJji1dp=D.75px1da=1pxidp=t.5pxldp=2pK1dp=3px1dp=JpK驅(qū)滬36密啊72*72WT1^4(25)1跖垃?■??l8px=lSsp^epx=l8sp3&px=lSEnb^PK-lfcpF2pw=18sp底綽祟蚯旳卿K4ET馳疔7ZVZPXes-gecix?14V1蝕英19Z*lSEpK1曠I郎K24"24pw36匸36似49*4ep：K尬碩96*Sepx24*西沖32「32如4S-4BoxE4咖M96啜少.1滬窗怯苦電可嗎鼻BHi|燈54*?^px取電翌嚴(yán)f4怡4p?弦“餡N姑屹即工32T33px64T34px9e^p?I26^2?ps比腺強(qiáng)Q7bi234??理TBpw95-12HpK上代狀?少24*2432*3243^0?辛22^24陰□3^6pxee-72^：B8-0DPK7卞ftlX^EPl&x二勺2ep剤a二l茁&36n?x-l2spEQpN=22Sp小如??I4ptx-i4sp2ipM=iiisp24二科sp4彰二也甲?<5p?=Idsp??1聲ix=l<5印27pn.=lBEp畑PlEEP/2prf=l￡Ssp7724qx=2^EPS3pK=Z2Ep^^PH.=22a口65p(-22EpS3px=22apiBpx-Sdp25px-25dp-3SpcZ5dp5Qpi-25￡ti75p.：e-250p1QCpM-25apWin?.!?3fipH-4flriD4妙Tgcp了丹《?4的綸亦期陽1443TI；!血1納伙■倔*tf-SOFS:如■嘶4珈須細(xì)jZ2pxMI.XIp備為FCti144Cw-jierlD［換強(qiáng)打內(nèi)1&3"1色魁頁230戸.?関丁申35qpac?15Sdp63flpKi4KdpJ：033.pK-51^1砧Tpw引吋i2D7SpK-5lafp目前主流的安卓手機(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ī)系列為主加上htconeF面是當(dāng)面流行的安卓手機(jī)的屏幕尺寸和分辨率:主流android的分辨率和尺寸htcU12K1S20PK1hH4h^5G0pk3OW?1920“丁昶》EJKpe=EGALAXVN4lf-]HSGALAXVNbleI理時(shí)JCMiHnrcDnfUAQPPOHS理怕htcU12K1S20PK1hH4h^5G0pk3OW?1920“丁昶》EJKpe=EGALAXVN4lf-]HSGALAXVNbleI理時(shí)JCMiHnrcDnfUAQPPOHS理怕]CH^k|92D』OPPQW1Mini■J'=rar-：iiOrwPitftOne5W7丄伸4】腳|?5A3TJ1和陰凸和閤s-m?5-E7加叫應(yīng)8創(chuàng)收號訶嗣“別Dps5J■英有1Q盹叫蟲0■許55EV7和-垃酣阿珈1槪少?焦廳770-IJEOp,黑墓寸時(shí)他四<?W0LNKI?lfJQpi55S7LD関■帀；IOp?1.4設(shè)計(jì)稿基本元素的尺寸設(shè)置Android手機(jī)那么多，具體怎么分？哪些手機(jī)是幾倍的倍率呢？我們設(shè)計(jì)人員需要按照哪個(gè)尺寸進(jìn)行設(shè)計(jì)？我們先看一張表，這是友盟2014年10月到2015年03月的數(shù)據(jù)：

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)中，我們并不會(huì)去為每一種分辨率去設(shè)計(jì)一套UI界面。為每一種分辨率單獨(dú)設(shè)計(jì)一套UI界面，這是一種追求完美和理想的狀態(tài)。所以，這個(gè)時(shí)候我們需要學(xué)會(huì)變通，為了適應(yīng)多分辨率，我們一般選擇一個(gè)較合適的分辨率最為基準(zhǔn)，以下3種方法分別是我經(jīng)常用到的方式，僅供大家參考：方法1以中間尺寸（xdpi：720*1280px）作為基準(zhǔn)，然后放大或縮小，以適應(yīng)到其他尺寸；不足之處是，對于更高分辨率的手機(jī)，圖標(biāo)被放大后會(huì)導(dǎo)致質(zhì)量不高。方法2以較大尺寸(xxdpi：1080*1920px)作為基準(zhǔn)，然后縮小，并適應(yīng)到所需的最小屏幕尺寸；缺點(diǎn)是，圖標(biāo)等若都是最大尺寸，加載時(shí)速度慢且耗費(fèi)流量較多，對于小分辨率的用戶也不夠好。方法3有些時(shí)候我們也會(huì)在實(shí)際開發(fā)過程中，Android和ios的設(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之后用的字體是Roboto。中文字體：方正蘭亭黑體，是谷歌自己的字體，與微軟雅黑很像。2.3界面圖標(biāo)規(guī)范界面中圖形的實(shí)現(xiàn)由兩種，一種是用圖片，另一種是代碼畫出來。代碼畫的方式比較耗費(fèi)程序員腦力和代碼量，圖片則耗費(fèi)空間，增加APP的體積。一般是偏重使用圖片，但是一些簡單形狀的按鈕可以直接讓程序員畫出來即可。

logo蒲狀問:闖師換厚口才収戲!￡瞎）—按鋌囲標(biāo)logo蒲狀問:闖師換厚口才収戲!￡瞎）—按鋌囲標(biāo)2.3.1切圖要點(diǎn)1■有一些小的icon式按鈕，不能只切到icon邊緣，而是要考慮到最終實(shí)現(xiàn)的時(shí)候，是把這個(gè)圖片做成按鈕，和用戶交互。所以必須要多留一些透明的邊，讓能點(diǎn)擊的圖片在88x88以上，這樣用戶才保證比較好點(diǎn)到。2■對于不改變可見圖形而又需要加大點(diǎn)擊區(qū)域的圖。那么切圖的時(shí)候建議在可見圖形的四周都加上1像素的透明，這是為了放大拉伸而不產(chǎn)生可見區(qū)域的圖像失真。3■切圖的高度。對于一個(gè)通用的背景圖，如文字圓角邊框背景，那么切圖的時(shí)候并不是效果圖上有多高就切多高，為了通用而是只需切一行文字的高度就可以了。不過這也不是絕對的，準(zhǔn)確的說應(yīng)該切的高度為

H=paddingTop+textHeight+paddingBottom,及文字相對背景的上邊距+一行文字的高度+文字相對背景的下邊距。4■切圖的寬度。如果是一個(gè)通用的背景圖，那么他的寬度應(yīng)該是他在效果圖中的最小寬度，也就是說這個(gè)背景可能在多處使用到了，就取最小的那個(gè)寬度就可以了。比較麻煩的是鋪滿全屏的時(shí)候，這就需要看看你做的效果圖的寬屏寬度，所以說做效果圖的時(shí)候最好是做小屏幕的效果圖。有人可能會(huì)問點(diǎn)9的圖不是可以拉伸、壓縮嗎，為什么需要參考最小的寬度呢？根據(jù)個(gè)人經(jīng)驗(yàn)發(fā)現(xiàn)，一個(gè)大圖在屏幕小的情況下點(diǎn)9圖中拉伸的部分會(huì)變得顏色更深。5■以每個(gè)模塊分開創(chuàng)建文件夾存放切圖資源；這樣更有助于程序員在每個(gè)模塊的時(shí)候找到相應(yīng)的圖片；6■所有切圖尺寸必須是偶數(shù)，一般是png-24格式；2?3?2底部工具欄icon切圖（有兩種方法）方法1：icon單獨(dú)切，有默認(rèn)和選中兩種狀態(tài)方法2：icon+文字一起切，有默認(rèn)和選中兩種狀態(tài)er3包郵一⑹蚊駆：0r-WiABjSMR:fnf首頁0icon組卿切［-進(jìn)中時(shí)刪：0一超甲ei則：frvT099包H冥他元翕：■*2?3?3切圖命名規(guī)范:導(dǎo)航欄：nav主菜單欄：tab背景：bg按鈕：btn導(dǎo)航欄：nav主菜單欄：tab背景：bg按鈕：btn按鈕常態(tài)：nor按鈕選中：sel按鈕按下：down圖標(biāo):iconF面是常用的一些命名縮寫:用戶：user彈出:搜索：searchpop返回：back個(gè)人資料：proflie刷新：refresh刪除：delete編輯：edit例如：nav_bg、tab_btn_sel2.3.4點(diǎn)九切圖：首先我們要知道什么是點(diǎn)9圖：點(diǎn)九圖是andriod平臺(tái)的應(yīng)用軟件開發(fā)里的一種特殊的圖片形式，是一種可拉抻而不失真的圖，文件擴(kuò)展名為：?9.png。其實(shí)相當(dāng)于把一張png圖分成了9個(gè)部分（九宮格），分別為4個(gè)角（圖中：1、3、6、8）,4條邊（圖中：2、4、5、7）,以及一個(gè)中間區(qū)域（圖中：9）?！觫?⑨3一⑧r'比如我們的微信、QQ的聊天氣泡就是典型的點(diǎn)9圖，因?yàn)榱奶鞖馀菪枰S文字的多少進(jìn)行拉抻。一般圖在整體放大時(shí)會(huì)出現(xiàn)失真的情況，而點(diǎn)9圖是把圖中某些部分進(jìn)行拉抻，而不重復(fù)的地方，比如圓角和光澤等部分都不做變化，以此來實(shí)現(xiàn)圖片的放大，不會(huì)出現(xiàn)失真的情況。接著我們來說一下點(diǎn)9圖的繪制方法：當(dāng)然點(diǎn)9圖的繪制方法也有很多種，直接用點(diǎn)9切圖的軟件，譬如：draw9patch、cutterman等,安卓開發(fā)中的SDK里有tools文件夾，里面有一個(gè)draw9patch.bat，或者直接用ps繪制點(diǎn)9切圖；我個(gè)人還是習(xí)慣用ps直接繪制點(diǎn)9圖，因?yàn)檐浖袝r(shí)候自己把握不好尺寸導(dǎo)致點(diǎn)9圖在程序中識別出現(xiàn)問題。Ps繪制點(diǎn)9圖的步驟：※確定切圖后直接改變圖片的畫布大?。弧謩?dòng)將上下左右各增加1px留白；※使用鉛筆工具，手動(dòng)繪制拉伸區(qū)域，色值必須為黑色（#000000），透明度100%；左上為拉伸區(qū)域，右下為內(nèi)容顯示區(qū)域※存儲(chǔ)為