Android切圖注意事項

標籤：patch   fonts   download   顏色   程式執行效率   不同的   大小   href   菜單   

1.App Logo大小共五種：

48*48
72*72
96*96
144*144
192*192

2. App啟動頁所需尺寸：

320×480
480×800
720*1280
1080*1920
3840×2160

Android切圖注意事項

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

2.    如遇到可展開可平鋪的圖片，使用9Patch進行製作。產生xxx.9.png圖片就可以。長處：靈活度大，可複用，程式包大小降低，添加程式執行效率。（比方Button的背景）

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

（有反覆頁面。反覆圖，不再切？）反覆不再切

4.    button：對於buttonButton須要給下面狀態的圖：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切圖注意事項