Android切圖注意事項

標籤：android 切圖 注意事項

Android切圖注意事項

1.    切圖需要兩套解析度的圖：480*800，720*1280。分被放在不同的檔案夾中，同一張圖片，在兩個檔案夾中的名字要一致。

2.    如遇到可展開可平鋪的圖片，使用9Patch進行製作，產生xxx.9.png圖片即可，優點：靈活度大，可複用，程式包大小減少，增加程式運行效率。（比如Button的背景）

3.    出圖建議順序：以每一個頁面作為單位進行出圖，可以方便程式開發工作。

（有重複頁面，重複圖，不再切？）重複不再切

4.    按鈕：對於按鈕Button需要給以下狀態的圖：Focus聚焦狀態（一般是軌跡球選中）(命名規則：btn_xxx_focused.9.png)，UnFocus一般狀態(命名規則：btn_xxx_normal.9.png)，Click點擊狀態（點擊時狀態）(命名規則：btn_xxx_pressed.9.png)。一般情況下，Focus圖片和Click是一樣的。5.    列表：對於清單項目ListItem需要給以下狀態的背景圖：Focus聚焦狀態（一般是軌跡球選中），UnFocus一般狀態，Click點擊狀態（點擊時狀態）。

6.    Menu:對於所有Menu鍵點擊的彈出的菜單，需要給表徵圖圖片。

（也是3種尺寸？）兩種即可

7.  切圖時考慮頂部通知欄，480*800的頂部通知欄按30px考慮，720*1280按50px考慮

8.    標註：需要給所有元素的寬，高，相互邊距（左，右，上，下）像素，文字顏色值。

AndroidApp切圖樣本：

在做android版本設計的時候，尺寸有很多種，這時我們要以一種尺寸為基準，那這個基準尺寸是480px*800px，設計圖完成之後就開始切圖了，我拿我之前設計的一張圖為例子講解下：

 

 

　　當看到上邊這張設計圖的時候，我們首先分析下應該給技術切哪些圖（為了避免以後少改動，建議切圖之前最好和技術先溝通下，怎麼切）；

 

1、底部欄目的icon和背景：

 

 

　　這個一般有2種切法：（有預設和選中之後的效果）

 

 

2、頂部欄目的背景切圖：

 

 

　　由於頂部導覽列的是漸層樣式，所以切圖只需要切一小條，技術來平鋪展開就可以——（PS：如果是花紋背景，就必須切整條了，因為花紋切一小條就會被展開了——）

 

3、標註文字大小和行間距：（以這張圖為例子，我標註好了，請看）

 

 

來源文件下載

Android切圖注意事項