目前來說，我們可以按照手機(jī)屏幕的標(biāo)準(zhǔn)把800x480理解為hdpi，480x320為mdpi，320x240為ldpi，根據(jù)最新的數(shù)據(jù)顯示，Android所有手機(jī)中hdpi和mdpi占有九成以上的比例；還有1280x720、1920x1080等高分辨率的android手機(jī)界面。

問題一：800x480、480X320、320X240分辨率的手機(jī)需要不同的圖片資源；

答：按照經(jīng)濟(jì)方便的角度來說，一般開發(fā)Android APP的時候會考慮設(shè)計hdpi和mdpi的圖片資源，所以也是需要設(shè)計兩套圖的，很多為了節(jié)省工作量直接用一套hdpi的圖片資源，在mdpi的時候直接壓縮，這樣圖片質(zhì)量會損失很大，所以最好還是盡量使用兩套資源圖片；

問題二：如何設(shè)計三套圖片資源來滿足這3種分辨率的手機(jī)，這三套圖片資源之間有什么樣的大小比例關(guān)系？

答：視覺在根據(jù)交互原型進(jìn)行設(shè)計的時候，可以考慮以mdpi，也就是320x480為藍(lán)本進(jìn)行設(shè)計，因?yàn)锳ndroid一般采用dp為單位，而我們設(shè)計的時候一般是px為單位的，這個就涉及到一個單位轉(zhuǎn)換的問題，而在mdpi下，px和dp是1：1的關(guān)系，這樣在標(biāo)注坐標(biāo)的時候能夠很方便的進(jìn)行單位轉(zhuǎn)換，例如我們以320x480為藍(lán)本的話，在photoshop測量的間距為10px，我們在給到RD時的坐標(biāo)可以直接標(biāo)注為10dp；因?yàn)閐p的單位是可以程序自己去適配不用dpi屏幕的，所以就算設(shè)計三套不同dpi的圖，一般也只用對mdpi的設(shè)計圖進(jìn)行坐標(biāo)定位，這個坐標(biāo)的標(biāo)注可以用在所有dpi的資源上；

現(xiàn)在Android又添加了xhdpi（類似iPhone4的960x640的分辨率，還有更高級別的1280x720、1920x1080）的支持，假如我們在設(shè)計有（xhdpihdpi/mdpi/ldpi）四套不同dpi的圖片資源時，因?yàn)橹疤岬揭詍dpi為藍(lán)本做第一個dpi的設(shè)計，相應(yīng)的我們把mdpi的比例設(shè)定為1，相應(yīng)的不同dpi的圖片資源尺寸的比例關(guān)系可以是xhdpi：hdpi：mdpi：ldpi等于2：1.5：1：0.75，也就是說，第一套圖為mdpi的資源圖片，xhpi可以大小調(diào)整到200%，hdpi可以調(diào)整到150%，ldpi則是75%；

問題三：UI設(shè)計師 設(shè)計圖片和切圖的時候有沒有技巧？可否先設(shè)計一套，然后按照比率縮放呢？

答：視覺設(shè)計的時候就像前面說到的一樣，可以優(yōu)先以320x480的大小去設(shè)計一套，在用到不同dpi的時候，可以把320x480設(shè)計psd里所有APP要用到的控件單獨(dú)做一個控件庫的psd，psd的所有控件圖層是基于形狀工具繪制的，每個分辨率都做一個控件庫的psd，然后可以直接讓美工根據(jù)控件庫的psd切圖給RD使用了，先做完mdpi的控件psd后，其它dpi的控件庫的psd可以依照上面說到的比例關(guān)系進(jìn)行大小的調(diào)整，例如，hdpi的控件psd也就是把mdpi里的每個控件放大到150%，有時候放大縮小psd里的圖片會有些半透明的虛邊，細(xì)微調(diào)整即可，如果在設(shè)計mdpi的時候，每個控件的大小能夠盡量的被4整除，那么基本上就可以直接放大和縮小控件大小而不用擔(dān)心虛邊的問題，當(dāng)然也不能完全限制在大小被4整除的死胡同里，這樣也容易局限視覺設(shè)計，只是在視覺設(shè)計完成后，可以盡量的去調(diào)整在，如果視覺上有些控件在大小調(diào)整到被4整除的范圍里，界面整體的比如不太合適，或者很影響視覺設(shè)計，也不必去過分強(qiáng)求。

【相關(guān)知識的擴(kuò)充】

Android：

如果開發(fā)者比較牛，最好請?zhí)峁┦噶繄D，矢量UI圖哦

如果美工比較牛，最好請?zhí)峁?patch的png

如果不追求全屏幕尺寸匹配的話，請給需要適配的分辨率一樣準(zhǔn)備一張UI，資源圖元素分離，按照適配屏幕像素，要是能提供每個尺寸下每個元素的位置px就更好了

iOS：

iOS有5種分辨率——iPhone 480，iPhone 960，iPhone 1136，iPad 768，iPad 1536——要做幾個，記得提供幾個的UI圖

全部圖的坐標(biāo)做好都是按照非Retina算（可以使用Float值）

資源圖需要準(zhǔn)備普通的和Retina的圖.

通用：

所有資源圖最好標(biāo)注層次，應(yīng)為都是PNG所以透明部分也要特殊標(biāo)注出來

再一個就是交互設(shè)計和美工要把界面切換時候的順序標(biāo)注出來

還有一個就是字體，如果是特殊字體，元素圖最好就把字給嵌上去，程序?yàn)榱藥讉€字加字體資源很浪費(fèi)空間的，再一個版權(quán)的問題……

最后一個就是如果有動畫的話，最好提供Gif參考，或者其他動畫參考，方便最后程序檢查實(shí)現(xiàn)效果。

1、APP設(shè)計和切圖基本知識點(diǎn)以及注意事項(xiàng)【APP設(shè)計干貨】

2、Android尺寸標(biāo)注設(shè)計大全和Android切圖規(guī)范

3、《Android UI界面設(shè)計指南規(guī)范》相關(guān)資料下載【設(shè)計干貨】

4、APP圖標(biāo)模板規(guī)范大全官方版，包括iOS6，iOS7和Android應(yīng)用程序圖標(biāo)模板（含PSD源文件）

5、Android、iphone APP界面設(shè)計尺寸官方版