优艾设计网

手机设计!移动设备的界面设计尺寸

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:豆豆1号
刚开始接触UI的时候,碰到的最多的就是尺寸问题,什么画布要建多大、文字该用多大才合适、我要做几套界面才可以?什么七七八八的也着实让人有些头疼。

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

Android 比 iPhone 的尺寸多了很多套,建议取用720x1280这个尺寸,这个尺寸 720x1280中显示完美,在 1080x1920 中看起来也比较清晰;切图后的图片文件大小也适中,应用的内存消耗也不会过高。

2、界面基本组成元素

Android 的 APP 界面和 iPhone 的基本相同:状态栏,导航栏、导航栏、主菜单栏以及中间的内容区域。

Android 中我们取用720x1280的尺寸设计,那我们就说说在这个尺寸下这些元素的尺寸:

手机设计!移动设备的界面设计尺寸

状态栏高度为:50 px

导航栏高度为:96 px

主菜单栏高度为:96 px

内容区域高度为:1038 px(1280-50-96-96=1038)

Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,当然高度也是和菜单栏一样的:96 px

P.S. 写之前我翻了好多关于 Android 的界面尺寸教程,都没找到像iOS一样具体的规范,或许因为在安卓中这些控件的高度都能用程序自定义~都没有提到具体的尺寸数值,所以就自己找了 Android 的设计规范,尺寸都是自己在PS中量的~~

Android 为了在界面上区别于 iOS ,Android 4.0 开始提出一套HOLO的UI风格,一些APP的最新版都采用了这一风格。

这一风格最明显的变化就是将下方的主菜单移动到了导航栏下面,这样的方式解决了现在很多手机去除实体按键后在屏幕中显示而出现的双底栏的尴尬情景。

手机设计!移动设备的界面设计尺寸

3、字体大小

Android 上的字体为:Droid sans fallback,是谷歌自己的字体,与微软雅黑很像。

同样,百度用户体验的调查中,可以看出用户可接受的文字相应问题。

手机设计!移动设备的界面设计尺寸

具体大小,还是那句话,找自己喜欢的APP界面,手机截图后放进PS自己比对调节字体大小(切记,一定要是高清截图哦~)

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消