手機(jī)設(shè)計(jì)!移動(dòng)設(shè)備的界面設(shè)計(jì)尺寸(3)

來源:站酷 作者:豆豆1號(hào) 學(xué)習(xí):10547人次

Android 界面尺寸:480x800、720x1280、1080x1920... (單位:像素)

Android 比 iPhone 的尺寸多了很多套,建議取用720x1280這個(gè)尺寸,這個(gè)尺寸 720x1280中顯示完美,在 1080x1920 中看起來也比較清晰;切圖后的圖片文件大小也適中,應(yīng)用的內(nèi)存消耗也不會(huì)過高。

2、界面基本組成元素

Android 的 APP 界面和 iPhone 的基本相同:狀態(tài)欄,導(dǎo)航欄、導(dǎo)航欄、主菜單欄以及中間的內(nèi)容區(qū)域。

Android 中我們?nèi)∮?20x1280的尺寸設(shè)計(jì),那我們就說說在這個(gè)尺寸下這些元素的尺寸:

手機(jī)設(shè)計(jì)!移動(dòng)設(shè)備的界面設(shè)計(jì)尺寸

狀態(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 的界面尺寸教程,都沒找到像iOS一樣具體的規(guī)范,或許因?yàn)樵诎沧恐羞@些控件的高度都能用程序自定義~都沒有提到具體的尺寸數(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)的雙底欄的尷尬情景。

手機(jī)設(shè)計(jì)!移動(dòng)設(shè)備的界面設(shè)計(jì)尺寸

3、字體大小

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

同樣,百度用戶體驗(yàn)的調(diào)查中,可以看出用戶可接受的文字相應(yīng)問題。

手機(jī)設(shè)計(jì)!移動(dòng)設(shè)備的界面設(shè)計(jì)尺寸

具體大小,還是那句話,找自己喜歡的APP界面,手機(jī)截圖后放進(jìn)PS自己比對(duì)調(diào)節(jié)字體大。ㄇ杏,一定要是高清截圖哦~)

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!