說明：

1.對象為UI設(shè)計師和Android工程師等開發(fā)人員。

2.方法有千種疾棵，開發(fā)工程師有萬個，僅供參考痹仙，不喜就拿著你的建議留言是尔，勿噴。

3.文檔的本質(zhì)是備份與查看开仰，對外方便協(xié)作與對內(nèi)提升效率拟枚。

4.文檔不是萬能的，如果文檔查看對象看不懂众弓，就沒任何意義恩溅。我喜歡當面溝通，因為能避免大部分文檔的局限性

5.感謝Android開發(fā)工程師高鵬的指正與指導谓娃。

Android規(guī)范

一：手機尺寸

Android是必須要講下手機尺寸的：（只是常規(guī)脚乡，特殊尺寸就不講，如：1200x1600像素的惠普Slate8 Pro）

1. mdpi[320x480px]

市場份額少滨达，新手機不會有這種倍率奶稠，屏幕通常都特別小

2. hdpi [480x800px、480x854px弦悉、540x960px]

早年的低端機屏幕在3.5英寸檔位-目前很少

3. xhdpi[720x1280px]

即平常我們看視頻講的720P窒典，設(shè)計圖也有人按照此分辨率進行設(shè)計

4. xxhdpi[1080x1920px]，[1440x2560px]

這里強調(diào)：目前1080x1920和2560×1440然后都是xxhdpi稽莉，適配難免會有誤差瀑志，下邊換算我會再講到

即平常我們看視頻講的2K高清，或1080P，高清視頻就需支持此類像素劈猪。如今比較常用昧甘，設(shè)計圖也大多以1080這個尺寸做。

主流尺寸-也是主流設(shè)計尺寸

5. xxxhdpi战得，4K（3840×2160）

就是我們現(xiàn)在所說的4K屏手機充边，也逐漸多了起來，也有設(shè)計者針對特殊的設(shè)計要求按照此設(shè)計尺寸做

6.其他

如魅族MX4 Pro 1536x2560 ? 三星T705的 ?1600x2560 這些尺寸暫時我也沒用到常侦，以后有機會再補充

...

二：單位換算

dpi的計算方式就是（1080*1080+1920*1920）開方然后除以屏幕尺寸浇冰，然后你看dpi落在哪個表格區(qū)間

區(qū)間

1倍：1pt=1dp=1px ? ?dpi=160 ?（mdpi，即320x480px）

1.5倍：1pt=1dp=1.5px ? dpi=240（hdpi聋亡，即480x800px等）

2倍：1pt=1dp=2px ? ? dpi=320（xhdpi肘习，即720x1280px）

3倍：1pt=1dp=3px ? ? dpi=480（xxhdpi，即1080x1920px和1440x2560px）

4倍：1pt=1dp=4px ? ?dpi=640（xxxhdpi坡倔，即4K（3840×2160）

倍率

字體：1sp=1dp（字體大小單位sp漂佩，這個比較復雜，因為系統(tǒng)為了使字體顯示的更清楚會對你設(shè)置的大小做補償罪塔，可能大點或小了點投蝉，一般我們使用這樣的換算）

自然地，以1倍的mdpi作為基準征堪。像素密度更高或者更低的設(shè)備瘩缆，只需乘以相應的倍率，就能得到與基準倍率近似（注意请契，這里是近似咳榜，安卓開發(fā)和設(shè)計圖會有區(qū)別本質(zhì)在于倍率的誤差，我們能做的只是減小誤差）的顯示效果爽锥。如：

在3倍情況下的比如1080和2560×1440然后都是xxhdpi，那么后者屏幕除以3得到的長的總dp和寬的總dp都比1080的多畔柔。

不過需要注意的是氯夷，Android設(shè)備的像素尺寸并不統(tǒng)一。比如兩種常見的屏幕480×800和1080×1920靶擦，它們分別屬于hdpi和xxhdpi腮考。除以各自倍率1.5倍和3倍，得到邏輯像素為320×533和360×640玄捕。很顯然踩蔚，后者更寬更高，能顯示更多內(nèi)容枚粘。所以馅闽，即使有倍率的存在，各種Android設(shè)備的顯示效果仍然無法做到完全一致。

由此：

每個開發(fā)寫代碼方式不同福也，設(shè)計圖和開發(fā)出來的樣式難免會有不同局骤。我們該積極的去尋找解決辦法，減小誤差暴凑，而不是相互的推卸責任峦甩。要知道我們的共同目的都是為了產(chǎn)品能更好更快得投入市場。

...

三：字體

自從Ice Cream Sandwich發(fā)布以來现喳，Roboto都是Android系統(tǒng)的默認字體集凯傲。在這個版本中，將Roboto做了進一步全面優(yōu)化嗦篱，以適配更多平臺冰单。寬度和圓度都輕微提高，從而提升了清晰度默色，并且看起來更加愉悅球凰。

Android系統(tǒng)字體有：

Droid Sans、 Droid Serif 腿宰、 Droid Sans Mono呕诉、Roboto-Black.ttf、Roboto-BlackItalic.ttf吃度、Roboto-Bold.ttf甩挫、Roboto-BoldItalic.ttf、Roboto-Italic.ttf椿每、Roboto-Light.ttf伊者、Roboto-Medium.ttf、Roboto-MediumItalic.ttf间护、Roboto-Regular.ttf亦渗、Roboto-Thin.ttf、Roboto-ThinItalic.ttf汁尺、RobotoCondensed-Bold.ttf

RobotoCondensed-BoldItalic.ttf法精、RobotoCondensed-Italic.ttf、RobotoCondensed-Light.ttf痴突、RobotoCondensed-LightItalic.ttf搂蜓、RobotoCondensed-Regular.ttf

Clockopia.ttf 系統(tǒng)默認待機時鐘字體

DroidSans.ttf 系統(tǒng)默認英文字體

DroidSans-Bold.ttf 系統(tǒng)默認英文粗字體

DroidSansFallback.ttf 系統(tǒng)默認中文字體

...

四：設(shè)計基礎(chǔ)尺寸

主流尺寸：(xxhdpi)1080x1920， (xhdpi)720 x 1280辽装。Android比iPhone的尺寸要多帮碰，在適配上也是相對而言比較麻煩，在設(shè)計中一般是采用1080x1920px的設(shè)計尺寸拾积。

Android常規(guī)尺寸（px）

在Android設(shè)計尺寸規(guī)范沒有iPhone那樣具體的規(guī)范殉挽，這也決定了安卓的靈活性更強丰涉，發(fā)揮的空間也越大。現(xiàn)在安卓的手機最近的幾版新系統(tǒng)的許多交互細節(jié)都超越了iPhone此再。

Google Play上顯示的啟動器圖標是512x512像素昔搂。

移動設(shè)備上的啟動器圖標是48x48 dp。

手機的動作欄圖標應為32x32 dp输拇。

通知圖標必須是24x24 dp摘符。

小圖標應為16x16dp。

說明：這里我所列舉的只是一些常規(guī)的策吠，不能代表所有逛裤，僅供參考。因為手機千變?nèi)f化猴抹，系統(tǒng)不斷的更新带族，設(shè)計也要循序漸進額的跟上，現(xiàn)在網(wǎng)上一些設(shè)計規(guī)范竟然細到了連一個頁面上按鈕的大小都規(guī)定好蟀给，那還叫設(shè)計么蝙砌。

五.切圖與命名

文件包命名規(guī)則是：項目名字＋切圖＋作者名字＋日期

例如：螞蟻金服基金3.5.8.5版本迭代-H5頁面設(shè)計_切圖_李笑_20170321

文件包壓縮用.rar或.zip格式

文件包要包括：image（切圖），效果圖＋標注圖跋理，切圖簡單說明（word等文件）择克。

說明：效果圖必須是要有的，對于標注圖可以根據(jù)技術(shù)需求前普，溝通必不可少

提供給程序開發(fā)的文檔打開

1.切圖說明

在圖片的命名中不要有中文肚邢、特殊符號以及空格，字母必須是小寫字母拭卿。在命名中很多可以是縮寫骡湖，技術(shù)一般也是按照這樣來分類。

建議具體命名方法是：模塊_類別_功能_狀態(tài).png ? （狀態(tài)會有：點擊狀態(tài)峻厚，點擊壓下狀態(tài)响蕴，禁用狀態(tài)，選中狀態(tài)等）

如：home_bg_nologin.png和home_di_nologin.png

2.常用縮寫

ic----icon（在app的圖標）惠桃，bg----background换途，di----divider（主要用于分割線，不僅包括Listview中的divider,還包括普通布局中的線）刽射，sl----selector，avg----average剃执，ctrl----control誓禁，del----delete，doc----document肾档，err----error摹恰，inc----increment辫继，info----information，img----image俗慈，lib----library姑宽，msg----message，pwd----password闺阱，pos----position

主要的功能界面炮车，就是App界面中的activity，在一個產(chǎn)品中可以有很多 activity

然后每個頁面主要功能基本上可以包括：nav , tab /toolbar , menu .

備注：不要自己定義縮寫酣溃，除非是約定成俗的瘦穆。（當然不喜歡用縮寫的可以全拼，這里僅供參考）

3.后綴

nor--普通狀態(tài)

pressed--按下或者是點擊后效果

例如按鈕（btn）：home_btn_select_nor.png / home_btn_select_pressed.png

4.注意事項

（1）. 切圖需要幾套分辨率的圖：如1080*1920赊豌，720*1280扛或。分別放在不同的文件夾中，同一張圖片碘饼，在兩個文件夾中的名字要一致熙兔。

（2）.如遇到可拉伸可平鋪的圖片，使用9Patch進行制作艾恼，產(chǎn)生xxx.9.png圖片即可住涉，優(yōu)點：靈活度大，可復用蒂萎，程序包大小減少秆吵，增加程序運行效率。（.9切圖教程網(wǎng)上很多比我說的好且詳細）

（3）. 對于開發(fā)人員需要頁面間距尺寸五慈，我們可以使用“標你妹啊”“MarkMan”等軟件進行測量以及可以測出相對應需要提供的色值（提前和開發(fā)溝通好所需纳寂，能節(jié)省設(shè)計師的大部分時間和最后的開發(fā)修正時間）

卡卷包與會員中心圖片大小一致

（4）.在給安卓開發(fā)人員切圖時，對于相同模塊內(nèi)容不同的時候泻拦，要保證背景大小是一致毙芜，用空白填充。如：上圖四個圖標切出圖片大小保證一致性争拐，用空白透明填充腋粥，

...

頁面上的內(nèi)容永遠是不一樣的，設(shè)計又是內(nèi)容與形式關(guān)系成的視覺引導架曹。設(shè)計規(guī)范是服務(wù)形式的隘冲，而形式的本質(zhì)是解決內(nèi)容的。

希望能幫到你~

謝謝~

...