手機ui設計(jì)規範之Android ui設計(jì)規範

發布于:2015-11-14 21:48 編輯:鲸東軟件 浏覽:
這篇Android ui設計(jì)規範,是由東莞app開發公司【鲸東軟件】設計(jì)總監陳總根據自身經驗總結而成,目的是為(wèi)了幫助更多(duō)的Android ui設計(jì)初學者,更好的理(lǐ)解ui設計(jì)規範。


一、尺寸及分辨率
 
Android界面尺寸:480*800、720*1280、1080*1920
 
Android比iPhone的寸尺多(duō)了很(hěn)多(duō)套,建議取用720*1280這個(gè)尺寸,這個(gè)尺寸720*1280中顯示完美,在1080*1920中看起來(lái)比較清晰,切圖後的圖片文件大(dà)小(xiǎo)也适中,應用的內(nèi)存消耗也不會(huì)過高(gāo)。
 
二、界面基本組成元素
 
Android的app界面和(hé)iPhone的基本相同:狀态欄、導航欄、主菜單、內(nèi)容區(qū)域。
 
Android中我們取用的720*1280的尺寸設計(jì),那(nà)我們就說說在這個(gè)尺寸下這些(xiē)元素的尺寸。
 
狀态欄高(gāo)度為(wèi):50px
 
導航欄高(gāo)度為(wèi):96px
 
主菜單欄高(gāo)度為(wèi):96px
 
內(nèi)容區(qū)域高(gāo)度為(wèi):1038px(1280-50-96-96=1038)
 
Android最近出的手機都幾乎去掉了實體(tǐ)鍵,把功能鍵移到了屏幕中,當然高(gāo)度也是和(hé)菜單欄一樣的:96px
 
Android為(wèi)了在界面上(shàng)區(qū)别于iOS,Android4.0開始提出的一套HOLO的UI風格一些(xiē)app的最新版本都采用了這一風格,這一風格
 
最明(míng)顯的變化就是将下方的主菜單移到了導航欄下面,這樣的方式解決了現在很(hěn)多(duō)手機去除實體(tǐ)鍵後再屏幕中顯示而出現的雙底欄的尴尬情景。
 
三、字體(tǐ)大(dà)小(xiǎo)
 
Android 上(shàng)的字體(tǐ)為(wèi):Droid sans fallback,是谷歌(gē)自己的字體(tǐ),與微軟雅黑(hēi)很(hěn)像。
 
同樣,百度用戶體(tǐ)驗的調查中,可(kě)以看出用戶可(kě)接受的文字相應問題。
 
具體(tǐ)大(dà)小(xiǎo),還(hái)是那(nà)句話(huà),找自己喜歡的app界面,手機截圖後放進PS自己對比調節字體(tǐ)大(dà)小(xiǎo),切記,一定是高(gāo)清截圖。
 
四,切圖
 
Android設計(jì)規範中單位是dp,dp在安卓機上(shàng)不同的密度轉換後的px 是不一樣的,所以按照設計(jì)圖的px轉換成dp也是不一樣的,這個(gè)可(kě)以使用轉換工具轉換,開發一般會(huì)有(yǒu),也有(yǒu)些(xiē)開發會(huì)使用px做(zuò)單位,因為(wèi)做(zuò)了前期的轉換工作(zuò)。
 
五,顔色值問題
 
Android顔色值取值為(wèi)十六進制(zhì)的值 比如一綠色的值, 給開發的值為(wèi) #5bc43e。