之前U妹給大家分享了《一款A(yù)PP設(shè)計的從0到1之：iOS精華篇》驰贷，今天U妹給大家?guī)淼氖茿ndroid的設(shè)計規(guī)范篇谨读。
iOS設(shè)計規(guī)范回顧：
《一款A(yù)PP設(shè)計的從0到1之：iOS精華篇》
Android的設(shè)計規(guī)范不同于iOS钠绍，Android是一個開源的系統(tǒng)俱萍，國內(nèi)外有很多的手機廠商讯检，這就導(dǎo)致了有非常多的Android機型习绢，如小米、華為樱报、魅族葬项、三星等，每一家都有自己的操作系統(tǒng)迹蛤，都有一套自己的UI設(shè)計規(guī)范民珍。
U妹列了一個小小的目錄：
一、基礎(chǔ)概念
二盗飒、Android界面設(shè)計規(guī)范
三嚷量、Android切圖標注
四、安卓開發(fā)單位換算
五逆趣、總結(jié)
一蝶溶、基礎(chǔ)概念
1. 什么是DPI？
DPI（Dots Per Inch）：每英寸點數(shù)，表示指屏幕密度抖所。是測量空間點密度的單位梨州，最初應(yīng)用于打印技術(shù)中，它表示每英寸能打印上的墨滴數(shù)量田轧。較小的DPI會產(chǎn)生不清晰的圖片暴匠。
后來DPI的概念也被應(yīng)用到了計算機屏幕上，計算機屏幕一般采用PPI（Pixels Per Inch）來表示一英寸屏幕上顯示的像素點的數(shù)量傻粘，現(xiàn)在DPI也被引入每窖。
安裝Windows操作系統(tǒng)的電腦屏幕PPI的初始值是96，Mac的初始值是72弦悉，雖然這個值從80年代起就不是很準確了窒典。 一般來說，非retina桌面（包括Mac）的PPI的取值區(qū)間在72-120之間稽莉，因為這個取值區(qū)間能夠確保你的作品在任何地方都能保持大致相同的比例瀑志。
這里有一個應(yīng)用實例： 27寸Mac影院顯示屏的PPI是109，這表示在每英寸的屏幕上顯示了109個像素點肩祥。斜角長是25.7英寸（65cm）后室，實際屏幕的寬度大概是23.5英寸，23.5109約等于2560混狠，因此原始屏幕分辨率就是2560x1440px岸霹。
屏幕密度計算公式：
1080x1920px屏幕密度：
2. 什么是PPI？
PPI(Pixels Per Inch)：圖像分辨率将饺；是每英寸圖像內(nèi)有多少個像素點贡避，分辨率的單位為ppi，通常叫做像素每英寸予弧。圖像分辨率一般被用于ps中刮吧，用來改變圖像的清晰度。
二掖蛤、Android界面設(shè)計規(guī)范
1. Android各設(shè)備屏幕密度
安卓尺寸眾多杀捻，按每個屏幕去適配肯定是不現(xiàn)實的。
所以為了解決這個問題蚓庭，安卓手機屏幕有自己初始的固定密度致讥，安卓會根據(jù)這些屏幕不同的密度自己進行適配。這一點內(nèi)容掌握到能滿足自己設(shè)計工作需要就可以了……
以下是Android的密度劃分以及代表的分辨率器赞，這里你可以發(fā)現(xiàn)已經(jīng)和設(shè)計稿尺寸和切圖輸出開始掛鉤了垢袱。
安卓各屏幕密度
U妹來帶大家了解一下iPhone各設(shè)備的手機屏幕密度：
iphone 4/4S/5/5S/SE/6/7≈320DPI
2. Android開發(fā)單位DP和SP
DP：安卓專用長度單位。以160 DPI屏幕為標注港柜，則1DP=1PX
計算公式：dp x dpi/160=px
例：以720x1280px （320dpi）為例計算 1dp x 320 dpi/=2px
SP：安卓專用字體單位请契。以160 DPI屏幕為標注，則1SP=1PX
計算公式：sp x dpi/160=px
例：以720x1280px （320dpi）為例計算 1sp x 320 dpi/=2px
3. 設(shè)計稿尺寸
從目前市場主流設(shè)備尺寸來看，我們要用1080 x 1920 PX來做安卓設(shè)計稿尺寸爽锥。
以1080x1920px作為設(shè)計稿標準尺寸的原由：
① 從中間尺寸向上和向下適配的時候界面調(diào)整的幅度最小涌韩，最方便適配。
② 大屏幕時代依然以小尺寸作為設(shè)計尺寸救恨，會限制設(shè)計師的設(shè)計視角贸辈。
③ 用主流尺寸來做設(shè)計稿尺寸释树，極大的提高了視覺還原和其他機型適配肠槽。
所以做安卓設(shè)計稿時請以1080x1920px來做設(shè)計稿
（sketch用戶以540 x 960來做設(shè)計稿）
界面設(shè)計控件尺寸：
4. 安卓圖標尺寸
安卓的圖標相對iOS來說較少，我們只需提供一下幾個尺寸就可以了奢啥，但是需要提高2套秸仙，圓角和直角各一套，因為有的地方都會用到桩盲。
512x512px
192x192px
144x144px
96x96px
72x72px
48x48px
因為安卓有很多的機型寂纪，不同屏幕密度的手機對應(yīng)的icon大小也是不同的，所以U妹這里沒法給你給出相應(yīng)的icon所被應(yīng)用的位置赌结。
5. 安卓設(shè)計字體
英文字體為Roboto字體
中文字體為思源黑體捞蛋。在在Android 5.0之后，使用的是思源黑體柬姚，字體文件有2個名稱拟杉，“source han sans”和“noto sans CJK”。
思源黑體是Adobe和Google領(lǐng)導(dǎo)開發(fā)的開源字體量承，支持繁簡日韓搬设，有7種字體粗細。
思源黑體字體下載地址撕捍，請戳這里《近100+個免費可商用字體大集合（附字體包）》
6. 常見主流手機尺寸和分辨率
三拿穴、Android切圖標注
1. 標注設(shè)計稿時，使用px還是dp或sp忧风？
答：這個問題需要和安卓工程師溝通默色，推薦使用dp和sp進行標注（這里指的是在安卓設(shè)計稿的前提下）。但目前很多設(shè)計師對dp和sp這個單位并不理解狮腿，所以有些設(shè)計師提供安卓設(shè)計稿的時候依舊使用px進行標注腿宰，這一點去和你的搭檔工程師進行溝通，如果不影響他開發(fā)以及他能換算清楚的前提下蚤霞，你可以考慮使用Px酗失，但是我并不推薦。
這里要記住一點(你只需要記住能幫助你工作就可以)：
當屏幕密度為MDPI（160DPI）時昧绣，1dp=1px
當屏幕密度為MDPI（160DPI）時规肴，1sp=1px
像素字號=屏幕密度/160 * sp字號可以根據(jù)這個去算算設(shè)計稿中的像素字號標注為sp是多少，比如xHDPI下,36px的字標注為sp就是18sp，以此類推拖刃。
按照不同的屏幕密度換算删壮，也就是下圖所示的意思：
2. 你需要提供幾套切圖資源叼架？
答：理論狀態(tài)下销钝，如果你想兼顧到目前還存在的各個機型，應(yīng)該為不同的密度提供不同尺寸大小的切圖吹害。
但這無疑提升了巨大的工作量均函，而且還可能浪費很大的資源空間亿虽，實際上，很多機型已經(jīng)不占有主流市場了苞也，而且很多奇葩的分辨率也沒必要去考慮適配洛勉，所以，具體輸出幾套需要看公司的產(chǎn)品需求而定如迟。
通常我是這么干的：
選取最大尺寸提供一套切圖資源收毫，交給開發(fā)工程師處理，適配到各個屏幕密度殷勘。
這里要注意此再，這個“最大尺寸”，指的并不是目前市面上Android手機出現(xiàn)過的最大尺寸玲销，而是指目前流行的主流機型中的最大尺寸输拇，這樣可節(jié)省很大的資源空間。關(guān)于最大尺寸選取多少痒玩，你需要和你們的安卓工程師溝通淳附，每個安卓工程師對這個問題的結(jié)論并不同。（我的安卓搭檔蠢古，讓我提供XXHDPI的切圖資源就好奴曙，我用的切圖工具是Cutterman，切圖一鍵搞定）
切圖神器Cutterman下載地址：《真正解放你雙手的切圖神器》
3. Android的切圖資源提供哪個尺寸給開發(fā)哥哥草讶？
答：iOS的切圖有@2x洽糟，@3x之分，那么Android的切圖根據(jù)dpi的不同堕战，其實和iOS的類似坤溃，只不過是按照dpi來進行資源文件夾的命名，如下圖：
根據(jù)不同的分辨率進行切圖歸類嘱丢，但是你看到了薪介，如果切片特別多，提供5套切圖豈不是要累死了越驻？
一般情況下汁政，我們只需要提供3套切圖資源就可以滿足安卓工程師的適配道偷，分別是HDPI、XHDPI记劈、 XXHDPI3套切圖資源勺鸦。
目前我使用的辦法就是只提供最大尺寸的切圖，交給安卓工程師自己去縮放適配其他分辨率吧目木，所以和你的搭檔溝通一下换途。
其實現(xiàn)在絕大多數(shù)公司限于人力物力的限制，沒有這么嚴格的工作方式刽射，基本上就是一個文件夾军拟，命名好了就提供給工程師了。
這里還是提醒各位柄冲，沒有固定的工作方式和方法吻谋，任何方式都是為了提升工作效率而進行的忠蝗。
4. 在做設(shè)計稿時我們遇到的最多問題
① 用哪種尺寸做設(shè)計稿现横？
iOS：用750x1334px來做設(shè)計稿。
安卓：就目前的市場來看阁最，XXHDPI屬于主流機型戒祠；這樣無論是標注，還是主流機型都能兼顧的到速种，所以推薦使用1080x1920px來做設(shè)計稿尺寸姜盈，這樣即使你標注的是px，工程師也可以很方便的進行換算配阵。
② 如何用iOS的設(shè)計稿去適配安卓（劃重點啦）
現(xiàn)在有一種情況現(xiàn)在非常普遍馏颂，那就是一稿兩用；設(shè)計師都是做IOS版本的設(shè)計稿棋傍，來適配安卓救拉，現(xiàn)在要給安卓用，應(yīng)該怎么辦瘫拣？
iPhone的屏幕密度已經(jīng)達到xHDPI了亿絮，用750x1334px的尺寸做設(shè)計稿；
實際上麸拄，750x1334的@3x的切圖資源正好是安卓XXhdpi（1080x1920px）的切圖資源派昧；安卓開發(fā)用iOS的設(shè)計稿自己進行換算就可以了，前提是你必須和安卓工程師溝通拢切。
另一種情況：你可以把750x1334的設(shè)計稿等比例調(diào)整尺寸到安卓1080x1920尺寸下蒂萎，對各個控件進行微調(diào)，重新提供標注（用dp標注）淮椰。也就是說五慈，你需要提供兩套標注帮毁，一套給iOS的標注，一套給Android的標注豺撑。
③ 大家可能還有一個問題烈疚，那就是我用cutterman切安卓圖片輸出的有drawable和mipmap 2個文件夾，到底將哪個給開發(fā)工程師呢聪轿？
答：以前用的開發(fā)工具爷肝，是只有drawable， 沒有mipmap的陆错，后來新的開發(fā)工具里面才有mipmap這個文件夾灯抛，專門用來放png格式的圖片的，不過drawable里面還是可以放png圖片音瓷。
所以現(xiàn)在我們給安卓工程師的切圖輸出文件只需給mipmap-前綴開頭的就好对嚼。
四、Android開發(fā)單位換算
1. 安卓機型各種尺寸下的PX與DP绳慎、SP的對應(yīng)關(guān)系
2. 字體單位SP與PX的對應(yīng)關(guān)系
3. 距離單位DP與PX的對應(yīng)關(guān)系
五纵竖、總結(jié)
關(guān)于《一款A(yù)PP設(shè)計的從0到1之：安卓設(shè)計規(guī)范篇》就全部講完了，希望可以給你有很大的幫助杏愤；U妹這里說的只是一種工作方法靡砌，好的工作方法才能自己事半功倍，在具體工作中也要靈活應(yīng)用珊楼，一定要多和開發(fā)溝通交流通殃，良好的溝通才是解決問題的唯一方法，有疑問題也可給U妹留言厕宗，我們下期再見画舌！
