新手怎么开始做UI--移动UI设计规范整理（二）

万里长征第一步，只有弄清楚了基础入门知识，才能开始真正的UI设计之旅。“新手怎么开始做UI”是从界面设计尺寸、布局、字体、图片、图标等几个方面来具体阐述UI设计的入门基础知识，使新手可以快速的上手。

前面的“移动UI设计规范整理（一）”已经详细写了界面设计尺寸（简书链接：https://www.jianshu.com/p/9380a508d9f3），下面是第二篇--UI布局。

二、布局

（一）基础布局

一个UI界面中有最基本的几个栏，状态栏、标题栏和导航栏。页面中状态栏和标题栏是必须存在的，高度分别是40px和88px，导航栏根据页面需要而存在，一般一个app的一级页面会有一个切换的导航栏，如下图，是微信两个不同版本的截图页面，导航栏的高度由98px调整为112px，我想可能是为了适应苹果手机屏幕越来越大而做的调整，避免导航栏权重太小。

（二）内容布局

一套UI界面通常会定一个基准的页面距，一般是20px、24px、30px、32px等，可以根据自己的布局进行设定。内容信息比较多的app，就选择稍微小一点的页面距，使中间内容区域能放更多内容，但是太小会使页面看起来很拥挤，所以最好是选择20px以上的页边距，通常使用比较多的是30px，一个比较适中舒适的间距。

写一篇干货需要找案例和设计案例，比较耗费时间，下一篇再继续往后写“UI界面中的内容布局常见的有列表式、卡片式和图标排列的布局”。