移動APP切圖標準?

現在的android屏幕大小太多,iOS又新出了iPhone6 和 6Plus ,每一個比例做一套圖是不太現實的了,那麼用什麼大小的做基準來設計和切圖可以做更好的適配和減輕工作量呢?


推薦個神器吧!cutterman

ios是以為640*1136為基準的(也就是@2x圖),此插件可以幫你直接切出@3x和@1x

安卓的話是720*1280,可以幫你切出5種尺寸的圖,基本各種解析度都適用了,還能導出點9圖。

附上鏈接Cutterman - 神奇特性,具體使用方法可參考,這是我用過最好的切圖工具了,不知開發者是否混知乎,在此先感謝作者,提供了如此強大的工具,為廣大設計人員節省了不少時間。

如果是用mac的同學可以用sketch導出矢量圖,就不用導出各種大小圖片了(也只是聽說),還沒錢換mac T.T

以上


AndroidiOS雙線開發者來回答這個問題吧,手機碼字如有疏忽請見諒。

Android雖然解析度多但是分類就那麼幾個,ldpi,mdpi,hdpi,xhdpi,xxhdpi前兩種一般不用在考慮,考慮到性能就切三種以480*854、720*1280、1080*1920基準就可以了,1440*2560可以暫不考慮,偷懶的話就一種1080*1920就行。默認以16:9為標準,記得考慮通知欄。至於各種奇葩解析度的適配程序員是可以解決的。


吶,以我們為例來講都是用iPhone5的解析度做基準的,iPhone4的就不用多說了,中間顯示內容的部分多為TableView或者CollectionView擠壓一下就可以了,至於iPhone6和6+,如果App開發的過程中使用了AutoLayout的話其實是很好弄的,標註尺寸的時候說明下約束就好了,也就是是否是居中或者等分之類的比例關係,程序是可以做到自適應的,當然如果為了更大的屏幕單獨布局的話就要區分設備了。

如果是universal的,當然iPad版最好還是要重新設計一下的,plus可以根據情況來選擇是跟iPhone走還是iPad走,這個就要具體情況具體分析了。

至於切圖嘛,用Sketch的話可以很方便的把1x,2x和3x圖一起導出了。


多用shape


每一個比例做一套圖是不太現實的了 不清楚哪裡不現實了...

要是真的覺得不現實 設計一套iphone6吧


推薦閱讀:

學習android架構的步驟?
有人知道uber登錄界面那個視頻是怎麼實現的嗎?
程序員們平時都喜歡逛什麼論壇呢?
關於安卓5.0的升級問題,為啥手機rom升級就是那麼蛋疼?
Qt的前景如何?Qt for Android 好嗎?

TAG:iOS開發 | Android開發 | 用戶體驗設計 | 移動開發 | APP設計 |