从事UI设计行业的朋友都知道,每一张设计稿都是有规范尺寸的,并且IOS的和Android还不同,IOS UI设计规范为375*667 1x的尺寸,那么Android UI规范是什么呢,下面让我们一起来了解一下。
在做Android UI设计的时候,画布的尺寸我们一般都是选择360*640 1x,也就是说是选择720*1280这个尺寸。
我们从上到下来进行了解,最上边的是状态栏,状态栏的高度是25。
在状态栏中肯定就是信号、电源以及时间这些了,每个Android定制系统的摆放样式都不同,这一点不用纠结。
状态栏下边就是导航栏了,导航栏起到的是导航作用,高度是45px。
导航栏中间一般都是有文字来起到提醒作用的,导航文字的大小一般都是18px。
在最下方就是我们的标签栏了,标签栏的作用就是给用户提供切换界面的作用,标签栏的高度为50px。
在标签栏中摆放的肯定就是我们的ICON图标了,要注意,图标的切图点击区域不能够小于24px。
一些ICON图标的下方还会有文本,这里文本的大小一般就是10或者是11px了,因为范围有限。
本文尺寸均为1x。
一个超棒的 Android UI 框架
相信做 Android 久了大家都会有种体会,那就是 Android 开发相对于前端开发来说统一的 UI 开源库比较少。造成这种现象的原因一方面是大多数 App 都有自己的 UI 风格,另一方面也是因为开源这种 UI 库费事费力而且很难受到关注,可以说是吃力不讨好。
正因如此,今天这个 UI 库就显得特别值得关注了。它提供了一系列常用的组件和丰富多彩的样式主题,比如最常见的 TextView、Button、EditText、ImageView、Spinner、Picker,还有其他诸如 LoadingView、StateLayout、BadgeView、MarqueeView 等等,基本上你能想到的控件它都有。
使用这样的 UI 框架可以帮助我们省去设计 UI 风格的时间,而专注于业务需求定开发。对于新创建的项目,或者维护个人开发的 App 可以说十分管用。
来看一些具体的例子:
基础控件:
标签布局:
Tab 布局:
下拉框样式:
项目地址:https://github.com/xuexiangjys/XUI
喜欢的话不妨给作者点个星吧!另外,也推荐下腾讯的 QMUI_Android,该项目正是基于 QMUI_Android 的。
项目地址:https://github.com/Tencent/QMUI_Android
今天的推荐不知道大家喜欢吗?如果你喜欢,请在文章底部留言和点赞,以表示对我的支持,你们的留言和点赞是我持续更新的动力哦!
章鱼猫在此感谢大家的关注和支持。喜欢我,就赶紧关注我,给我点赞吧!
关注公众号:非著名程序员,对话框回复关键字 “1024”,免费领取 30 本经典编程书籍。