視覺設計篇
1.分辨率
目前我們在市場上常見的Android的分辨率有:320×480 480×800 720×1080 800×1280…視覺在根據交互原型設計的時候,可以考慮以mdpi,也就是320×480爲藍本進行設計,因爲Android一般採用dp爲單位,而我們設計的時候一般是px爲單位的,這個就涉及到一個單位轉換的問題,而在mdpi下,px和dp是1:1的關係,這樣在標註座標的時候能夠很方便的進行單位轉換,因爲dp的單位是可以程序自己去適配不用dpi屏幕的,所以就算設計三套不同的dpi的圖,一般也只用對mdpi的設計圖進行座標定位,這個座標的標註可以在所有的dpi資源上,假如我們在設計有三套不同dpi的圖片資源時,因爲之前提到以mdpi爲藍本做第一個dpi的設計,相應的我們把mdpi的比例設定爲1,相應的不同dpi的圖片資源尺寸的比例關係就可以是xhdpi/hdpi/mdpi等於2/1.5/1,也就是說,第一套圖爲mdpi的資源圖片,xhdpi可以大小可以調到200%,hdpi可以調整到150%.
我們公司設計時考慮的分辨率:320×480 480×800 720×1280,以320×480爲藍本設計,psd的所有控件圖層是基於形狀工具繪製的,每個控件的大小能夠儘量被4整除,那基本上之間放大和縮小控件大小而不用擔心虛邊的問題,當然也不可能完全在大小被4整除的死衚衕裏,如果介面整體的比例不太合適,或者影響視覺設計,也不必過分強求.
2.桌面圖標
設計圖標的時候,我們需要做512×512的矢量圖,方便變形適應不同手機不同分辨率,圖標可以在PhotoShop或者AI裏完成,可以根據喜好
切圖篇
對於Android App設計,切圖同樣很重要,下面簡單介紹一些方法:
1.切圖尺寸
在設計的時候我們是以320×480即mdpi的,切圖的時候我們通常切兩套圖,分別是hdpi,xhdpi,不同的圖片資源尺寸的比例關係可以是xhdpi,hdpi,mhdpi 比例爲2:1.5:1,也就是說,第一套圖爲mdpi的資源圖片,xhpi可以調整大小到200%,hdpi可以調整大小到150%.
切圖可以進行如下進行:
2.切圖命名
主菜單欄:tab
按鈕常態:nor
按鈕選中:sel
個人資料:profile
導航欄:nav
編輯:edit
背景:bg
按鈕:btn
圖標:icon
搜索:search
用戶:user
彈出:pop
返回:back
刷新:refresh
刪除:delete
編輯:edit
例如: 導航欄的背景--nav_bg
(完)
