UI设计基础概念(九)之布局规范
北京/UI设计师/9年前/6082浏览
版权
UI设计基础概念(九)之布局规范
布局规范
真的是纠结了好久要不要写这篇文章。后来想了一下还是有必要滴~
这篇的话对1年以上的UI可能半毛钱帮助都没有啊,看到这就可以去看看别的更牛逼的大神之作去了。

这是专门给初学者看的啊。大神们就别喷了。。。
首先说一下应用程序的一般框架。
一般是由顶部导航栏、顶部标签栏、内容区和底部标签栏组成。
内容区域和两边的边距一般是20px
模块之前的区域一般是30px(注意关键词啊:“一般”)当然也是可以根据情况而定。

然后我们分别看看顶部导航栏、顶部标签栏、内容区和底部标签栏标准尺寸吧
一张图说明:

还有一个空状态图的大小也可以参考一下。

这些都是很基础的东西,可以做个小小的参考就可以。
然后再就是文字方面。
iOS系统的中文字体为“Heiti”,英文和数字字体是“helvetica Neue”,iOS9的系统中文字体是“苹方”,英文和中文字体是“San Francisco”
安卓系统中Android4.X的系统字体,中文是“Droid Sans Fallback”,英文是“Roboto”。
Android5.X的系统字体,中文是“思源黑体”。
60
举报
声明
42
分享
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
登录注册
60登录即可同步推荐记录哦
42登录即可加入我的收藏
评论登录即可评论想法
分享分享






































