页面布局就是页面呈现方式，合理页面布局的目标应该是在用户有较好体感状态下，完成页面任务。

首先在常规意义上，将页面类型划分为 3 类：导航页（选择）、消费页（展示）、交互页（编辑）。这 3 种页面对应 3 种目的。

其次，页面布局整体思考同样包含 3 个方面，分别是视觉层次、视觉流、设计模式和组件。

视觉层次简单理解就是需要划分内容元素重要程度，重要信息突出显示，次要信息弱化处理。 可以从 2 个方面来判断视觉层次是否合理：

  • 各页面元素相对重要性。也就是重要优先级划分是否清楚；
  • 各页面元素之间关系 。表示元素之间是否有延续关系、因果关系等。

如果满足以上 2 点，视觉层次基本没问题，接下来继续说说视觉流。视觉流是为引导读者视线（给一些暗示的线路将页面上元素串联在一起）。关于如何创造良好的视觉流，在设计上也有一些原则可以参考。例如格式塔原则：相邻性、相似性、连续性、封闭性等（具体需要了解查阅相关资料）。

剩下就是如何动态显示对应内容。合适的动态显示，也就是需要合适信息选取对应框架模型。例如电商商品分类需要使用 TAB 还是下拉组件等这些判断。

最后综合来看，上面 3 个环节能做好，就可以判断是一个合理的页面布局。