當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內容

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

來源:站酷 作者:豆豆1號 學習:10547人次

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

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

2、界面基本組成元素

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

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

手機設計!移動設備的界面設計尺寸

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

導航欄高度為:96 px

主菜單欄高度為:96 px

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

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

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

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

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

手機設計!移動設備的界面設計尺寸

3、字體大小

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

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

手機設計!移動設備的界面設計尺寸

具體大小,還是那句話,找自己喜歡的APP界面,手機截圖后放進PS自己比對調節(jié)字體大小(切記,一定要是高清截圖哦~)

學習 · 提示

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

關注大神微博加入>>

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