4.1.1 九宫格网格构图

4.1.1 九宫格网格构图

我们最常见的九宫格构图是手机的解锁界面，如图4‑1所示。这种版式主要运用在以分类为主的一级页面，起到功能分类的作用。

图4‑1 九宫格构图

通常在界面设计中，我们会利用网格在界面中进行布局，根据水平方向和垂直方向划分所构成的辅助线，设计会进行得非常顺利。在界面设计中，九宫格这种类型的构图更为规范和常用，用户在使用过程中非常方便，应用功能会显得格外明确和突出，如图4‑2所示。

九宫格构图给用户一目了然的感觉，操作便捷是这种构图方式最重要的优势。

图4‑2 九宫格界面设计

灵活运用九宫格辅助线区分出来的方块，在有规律的设计方法中寻找突破。

在分配9个方块的时候，不一定要一个格子对应一个内容，也可以一对二、一对多，打破平均分割的框框，增加留白，调整页面节奏，或突出功能点或广告。对各个方块应用不同组成方式，页面的效果也会产生无数变化，如图4‑3所示。

图4‑3 变化的九宫格

通过图4-3可以看出，这样的版式同样可以使界面变得非常灵活，内容简单，信息明了。