当用户打开一个微信小程序的时候，首先映入用户眼前的就是微信小程序的页面布局。而且优秀的页面布局可以让用户第一时间就找到想要的内容。那么作为初学者北京微信小程序开发到底要怎样做好页面布局呢?又应该掌握什么布局知识呢?网云星为你解答!
首先、要了解页面布局的类型有哪些?页面的布局大概可以分为以下几种：国字型、拐角型、标题型、左右框架类型、上下框架类型、综合框架类型等等。
国字类型，也被称为同字型，很多大型微信小程序都比较喜欢使用这种布局类型。这种类型的布局：最上面部分是微信小程序的标题、微信小程序横幅、广告条，然后是微信小程序的主体内容个，而左右分别是一些比较小的内容条，中间就是主要内容。而最下面就是关于微信小程序的一些基本信息、联系方式、版权等等一些比较固定的信息。互联网上最多的就是这种类型。
拐角型，这一种类型就是国字型的变形，只是在形式上不一样。最上面的部分是微信小程序的标题以及微信小程序的横幅广告条，下面的左侧比较窄，是一些链接，右侧比较宽，是正文内容，最下面是微信小程序的一些常规信息。
标题正文类型，上面是微信小程序的标题，或者是类似的东西，接着就是微信小程序的正文内容，例如是一些文章或者是注册登录页面。
左右框架类型，这种类型是左右分别为两页的一种框架，一般布局是：左边是导航链接，最上面有时是一个标题，而右面就是主要内容。最常使用这种类型布局的是论坛微信小程序，企业微信小程序中的内页有很多是采用这种布局方式的。这种类型的布局的特点是结构清晰明了。
上下框架类型，与左右框架类型类似，只是这种类型是上下两页的结构。
综合框架类型，其实就是左右框架类型和上下框架类型的结合体。
第二、了解了布局有哪些类型之后，就来谈谈第一屏的设计。第一屏指的是不用滚动就能看到那一部分。第一屏的大小是不确定，因为每个终端的分辨率是不一样的。例如：1024*768的分辨率下，IE浏览器默认状态下，可以看到的那一部分，很多时候都是以这个为标准的。第一屏肯定要展现一些最重要的内容，首先要对第一屏的空间做一个估算。在北京微信小程序开发过程中，最困难的一个地方就是用户使用的终端与浏览器是未知的。
第三、导航栏应该要放在哪里?一个微信小程序的导航栏有引导的作用，可以指引用户到达不同的页面，是微信小程序的主要组成部分。导航栏在设计的时候一定要清晰、鲜明。最好是在第一屏就能够展示出来。在这里建议使用横向的导航栏，因为第一屏的面积有限，横向的话，可以完全看到导航栏的内容。
第四、到底什么样的布局是最完美的呢?很多新手们都想知道这个问题。但是我们要学会具体问题具体分析。如果微信小程序的内容比较多，那么建议使用国字型布局或者是拐角型，内容不多的，可以选择标题正文型。
