UI設計入門篇,Android設計規范

2017-07-22
相信很多人都在開發設計APP時會遇到很多界面上的問題,要以多大尺寸來設計?分辨率是多少?該怎么切圖給開發......

下面的文字就給出一點點技巧總結,但也要給合團隊在開發時的習慣。每個工程師們所使用的控件,書寫布局習慣來實際移交的圖是不一樣的,但八九不離十,都是遵循一個原則,便捷開發、自適應強的開發模式。

Android篇

一、尺寸及分辨率

Android界面尺寸:480*800、720*1280、1080*1920

Android比iPhone的寸尺多了很多套,建議取用720*1280這個尺寸,這個尺寸720*1280中顯示完美,在1080*1920中看起來比較清晰,切圖后的圖片文件大小也適中,應用的內存消耗也不會過高。

二、界面基本組成元素

Android的app界面和iPhone的基本相同:狀態欄、導航欄、主菜單、內容區域。

 

UI設計入門篇,Android設計規范

Android中我們取用的720*1280的尺寸設計,那我們就說說在這個尺寸下這些元素的尺寸。

狀態欄高度為:50px

導航欄高度為:96px

主菜單欄高度為:96px

內容區域高度為:1038px (1280-50-96-96=1038)

Android最近出的手機都幾乎去掉了實體鍵,把功能鍵移到了屏幕中,當然高度也是和菜單欄一樣的:96px

Android為了在界面上區別于iOS,Android 4.0開始提出的一套HOLO的UI風格,一些app的最新版本都采用了這一風格,這一風格最明顯的變化就是將下方的主菜單移到了導航欄下面,這樣的方式解決了現在很多手機去除實體鍵后再屏幕中顯示而出現的雙底欄的尷尬情景。

 

UI設計入門篇,Android設計規范

三、圖標尺寸

Android設計規范中, 使用的單位是dp, dp在安卓機上不同的密度轉換后的px是不一樣的。

 

UI設計入門篇,Android設計規范

四、字體大小

Android 上的字體為:Droid sans fallback,是谷歌自己的字體,與微軟雅黑很像。

同樣,百度移動用戶體驗部(MUX)的調查中,可以看出用戶可接受的文字相應問題。

 

UI設計入門篇,Android設計規范

具體大小,還是那句話,找自己喜歡的app界面,手機截圖后放進PS自己對比調節字體大小,切記,一定是高清截圖。

五、切圖

Android設計規范中單位是dp,dp在安卓機上不同的密度轉換后的px 是不一樣的,所以按照設計圖的px轉換成dp也是不一樣的,這個可以使用轉換工具轉換,開發一般會有,也有些開發會使用px做單位,因為做了前期的轉換工作。

六、顏色值問題

Android顏色值取值為十六進制的值 比如一綠色的值, 給開發的值為 #5bc43e

資料來源于:irdhub

福州麻将三金倒