少年恃险若平地,独倚长剑凌清秋。这篇文章主要讲述Android界面设计尺寸相关的知识,希望能为你提供帮助。
一、尺寸及分辨率
android界面尺寸:480*800、720*1280、1080*1920。[单位:像素]
Android比iPhone的寸尺多了很多套,建议取用720*1280这个尺寸,这个尺寸720*1280中显示完美,在1080*1920中看起来比较清晰,切图后的图片文件大小也适中,应用的内存消耗也不会过高。
【Android界面设计尺寸】二、界面基本组成元素
Android的app界面和iPhone的基本相同:状态栏、导航栏、主菜单、内容区域。
Android中我们取用的720*1280的尺寸设计,那我们就说说在这个尺寸下这些元素的尺寸。
文章图片
状态栏高度为:50px
导航栏高度为:96px
主菜单栏高度为:96px
内容区域高度为:1038px(1280-50-96-96=1038)
Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,当然高度也是和菜单栏一样的:96px
Ps:写之前我翻了好多关于Android的界面尺寸教程,都没找到像ios一样具体的规范,或许因为在安卓中这些控件的高度都能用程序自定义,都没有提到具体的尺寸数值,所以就自己找了Android的设计规范,尺寸都是自己在PS中量的。
Android为了在界面上区别于iOS,Android4.0开始提出的一套HOLO的UI风格一些app的最新版本都采用了这一风格,这一风格最明显的变化就是将下方的主菜单移到了导航栏下面,这样的方式解决了现在很多手机去除实体键后再屏幕中显示而出现的双底栏的尴尬情景。
文章图片
三、字体大小
Android 上的字体为:Droid sans fallback,是谷歌自己的字体,与微软雅黑很像。
同样,百度用户体验的调查中,可以看出用户可接受的文字相应问题。
文章图片
具体大小,还是那句话,找自己喜欢的app界面,手机截图后放进PS自己比对调节字体大小,切记,一定是高清截图
推荐阅读
- Android 6.0 源代码编译实践
- React Native编译错误(ReactAndroid:buildReactNdkLib FAILED)
- 算法设计(在数组中找到对数(x, y),使得x^y大于y^x)
- CSS图片库(图库)设计详细实现代码
- JavaScript比较不区分大小写的字符串
- JavaScript比较运算符用法和介绍指南
- 使用二叉索引树计算右侧的较小元素和左侧的较大元素
- CSS字体介绍和用法详细指南(代码实例)
- Python使用OpenCV实现图像模糊详解