起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > 手机ui界面设计尺寸规范 UI设计之移动设备的界面设计尺寸

手机ui界面设计尺寸规范 UI设计之移动设备的界面设计尺寸

时间:2021-07-16 15:05:49来源:我爱设计网 作者:UI设计网 已有: 名学员访问该课程

  快捷搜索:


机构名称:IT培训网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:http://www.itpxw.cn

前言: 1、尺寸及分辨率 Android 界面尺寸:480x800、720x1280、1080x1920... (单位:像素) Android 比 iPhone 的尺寸多了很多套,建议取

1、尺寸及分辨率

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

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

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

3、字体大小

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

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

文章出自:http://qh.itpxw.cn/peixun/ui/202187626.html

文章标题:手机ui界面设计尺寸规范 UI设计之移动设备的界面设计尺寸



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:IT培训网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:http://www.itpxw.cn

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------