UI设计基础概念（九）之布局规范

真的是纠结了好久要不要写这篇文章。后来想了一下还是有必要滴～

这篇的话对1年以上的UI可能半毛钱帮助都没有啊，看到这就可以去看看别的更牛逼的大神之作去了。

这是专门给初学者看的啊。大神们就别喷了。。。

首先说一下应用程序的一般框架。

一般是由顶部导航栏、顶部标签栏、内容区和底部标签栏组成。

内容区域和两边的边距一般是20px

模块之前的区域一般是30px（注意关键词啊：“一般”）当然也是可以根据情况而定。

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

一张图说明：

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

这些都是很基础的东西，可以做个小小的参考就可以。

然后再就是文字方面。

iOS系统的中文字体为“Heiti”，英文和数字字体是“helvetica Neue”，iOS9的系统中文字体是“苹方”，英文和中文字体是“San Francisco”

安卓系统中Android4.X的系统字体，中文是“Droid Sans Fallback”，英文是“Roboto”。

                  Android5.X的系统字体，中文是“思源黑体”。