(androidUI設計)UI設計稿到IU界面過程總結


 在android開發過程中,美工設計原圖,並按照界面的分辨率進行切圖的方式已經行不通,主要矛盾是android 多套設備尺寸的支持。

     對於新的要求,美工往往對開發人員需要的自適應圖片,和尺寸,字體大小比較迷茫。

下面是集合了當前,本人的幾次項目經驗,和美工溝通的總結

 

1 設計原型風格

和網站設計一樣,android開發時也要確定一下原型風格,對於原型風格包含title,背景,工具條等,常用的控件樣式,字體種類,樣式等

        

2 原圖定稿后的切圖

 原圖切圖按照9.png技術進行分割,如對9.png不熟悉,請查網收縮

 

3 確定界面控件長度

  界面長度,android 建議使用dp

 dp 是一個抽象單位,android 把屏幕寬度統一設定為320dp。這樣只要是長度單位用dp時,相對於屏幕的比例是一致的

 dp 和px 的轉化關系

屏幕實際分辨率為240px*400px時,density=120
屏幕實際分辨率為320px*533px,density=160
屏幕實際分辨率為480px*800px,density=240

 

轉化公式:Px = dips * (density / 160)

 

如: 320*480 時,1px=1dp

 

4 確定字體大小

在android 中字體建議使用sp,對於sp來講,和dp的性質一樣,

目前還沒有關於sp和px 的轉化公式,我們處理的方式 按照320*480中的字體px值 直接等值轉化成sp


免責聲明!

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



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