當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計知識>教程內(nèi)容

手機設(shè)計!移動設(shè)備的界面設(shè)計尺寸(3)

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

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

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

2、界面基本組成元素

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

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

手機設(shè)計!移動設(shè)備的界面設(shè)計尺寸

狀態(tài)欄高度為:50 px

導(dǎo)航欄高度為:96 px

主菜單欄高度為:96 px

內(nèi)容區(qū)域高度為:1038 px(1280-50-96-96=1038)

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

P.S. 寫之前我翻了好多關(guān)于 Android 的界面尺寸教程,都沒找到像iOS一樣具體的規(guī)范,或許因為在安卓中這些控件的高度都能用程序自定義~都沒有提到具體的尺寸數(shù)值,所以就自己找了 Android 的設(shè)計規(guī)范,尺寸都是自己在PS中量的~~

Android 為了在界面上區(qū)別于 iOS ,Android 4.0 開始提出一套HOLO的UI風(fēng)格,一些APP的最新版都采用了這一風(fēng)格。

這一風(fēng)格最明顯的變化就是將下方的主菜單移動到了導(dǎo)航欄下面,這樣的方式解決了現(xiàn)在很多手機去除實體按鍵后在屏幕中顯示而出現(xiàn)的雙底欄的尷尬情景。

手機設(shè)計!移動設(shè)備的界面設(shè)計尺寸

3、字體大小

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

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

手機設(shè)計!移動設(shè)備的界面設(shè)計尺寸

具體大小,還是那句話,找自己喜歡的APP界面,手機截圖后放進PS自己比對調(diào)節(jié)字體大。ㄇ杏洠欢ㄒ歉咔褰貓D哦~)

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

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

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

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