Android切圖注意事項


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*800720*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*128050px考慮

8.    標注:須要給全部元素的寬,高。相互邊距(左,右,上。下)像素,文字顏色值。

AndroidApp切圖演示樣例:

在做android版本號設計的時候,尺寸有非常多種,這時我們要以一種尺寸為基准。那這個基准尺寸是480px*800px。設計圖完畢之后就開始切圖了,我拿我之前設計的一張圖為樣例解說下:

 

 

  當看到上邊這張設計圖的時候,我們首先分析下應該給技術切哪些圖(為了避免以后少修改,建議切圖之前最好和技術先溝通下,怎么切);

 

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

 

 

  這個一般有2種切法:(有默認和選中之后的效果)

 

 

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

 

 

  由於頂部導航欄的是漸變樣式,所以切圖僅僅須要切一小條。技術來平鋪拉伸就能夠——PS:假設是花紋背景,就必須切整條了,由於花紋切一小條就會被拉伸了——

 

3、標注文字大小和行間距:(以這張圖為樣例,我標注好了,請看下圖)

 

 

源文檔下載


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM