手機(jī)設(shè)計(jì)!移動(dòng)設(shè)備的界面設(shè)計(jì)尺寸(3)
Android 界面尺寸:480x800、720x1280、1080x1920... (單位:像素)
Android 比 iPhone 的尺寸多了很多套,建議取用720x1280這個(gè)尺寸,這個(gè)尺寸 720x1280中顯示完美,在 1080x1920 中看起來(lái)也比較清晰;切圖后的圖片文件大小也適中,應(yīng)用的內(nèi)存消耗也不會(huì)過(guò)高。
2、界面基本組成元素
Android 的 APP 界面和 iPhone 的基本相同:狀態(tài)欄,導(dǎo)航欄、導(dǎo)航欄、主菜單欄以及中間的內(nèi)容區(qū)域。
Android 中我們?nèi)∮?20x1280的尺寸設(shè)計(jì),那我們就說(shuō)說(shuō)在這個(gè)尺寸下這些元素的尺寸:
狀態(tài)欄高度為:50 px
導(dǎo)航欄高度為:96 px
主菜單欄高度為:96 px
內(nèi)容區(qū)域高度為:1038 px(1280-50-96-96=1038)
Android最近出的手機(jī)都幾乎去掉了實(shí)體鍵,把功能鍵移到了屏幕中,當(dāng)然高度也是和菜單欄一樣的:96 px
P.S. 寫之前我翻了好多關(guān)于 Android 的界面尺寸教程,都沒(méi)找到像iOS一樣具體的規(guī)范,或許因?yàn)樵诎沧恐羞@些控件的高度都能用程序自定義~都沒(méi)有提到具體的尺寸數(shù)值,所以就自己找了 Android 的設(shè)計(jì)規(guī)范,尺寸都是自己在PS中量的~~
Android 為了在界面上區(qū)別于 iOS ,Android 4.0 開始提出一套HOLO的UI風(fēng)格,一些APP的最新版都采用了這一風(fēng)格。
這一風(fēng)格最明顯的變化就是將下方的主菜單移動(dòng)到了導(dǎo)航欄下面,這樣的方式解決了現(xiàn)在很多手機(jī)去除實(shí)體按鍵后在屏幕中顯示而出現(xiàn)的雙底欄的尷尬情景。
3、字體大小
Android 上的字體為:Droid sans fallback,是谷歌自己的字體,與微軟雅黑很像。
同樣,百度用戶體驗(yàn)的調(diào)查中,可以看出用戶可接受的文字相應(yīng)問(wèn)題。
具體大小,還是那句話,找自己喜歡的APP界面,手機(jī)截圖后放進(jìn)PS自己比對(duì)調(diào)節(jié)字體大。ㄇ杏洠欢ㄒ歉咔褰貓D哦~)
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 圖像處理新手知識(shí)之四——圖像插值心里明
- 熟能生巧:Photoshop的界面技巧攻略
- 混合色相,淺談混合色相的原理及其應(yīng)用方向
- 字體知識(shí),8條實(shí)用的設(shè)計(jì)字體規(guī)則
- ps圖層面板上的透明度與填充有什么區(qū)別?
- ps應(yīng)用的光學(xué)技
- PHOTOSHOP中水印(DIGIMARC)功能淺釋
- 包裝設(shè)計(jì),常用的八個(gè)包裝設(shè)計(jì)表現(xiàn)手法
- 入門知識(shí),無(wú)學(xué)歷無(wú)經(jīng)驗(yàn)如何入門設(shè)計(jì)
- HDR高動(dòng)態(tài)圖像處理技術(shù)教材-攝影師必備