UI界面设计之美:栅格系统(2)

3×4网格的变化

早在1300多年前，Bill Drenttel 和 Jessica Helfand就将这种分割布局关系用在日本建筑领域的榻榻米中。（榻榻米，旧称“叠席”，源于古代中国，是房间里供人坐或卧的一种家俱。传至日本后演变成为其传统房间“和室”内铺设地板的材料，成为日本家庭用于睡觉的地方，即日本人的床。http://baike.baidu.com/view/286931.htm）

3×4格形成的矩形，可以划分出892中不同的单元形式。多年来，设计人员使用网格，使得内容的呈现方式不重样——书籍，杂志，屏幕以及其它很多领域都是这样的，同时变化多样的布局也非常美观。 3×4格是一种常见的例子。然而，即使在这个简单的例子，也生成令人难以想象的多种形式。Patch Kessler用算法生成了下面的大图表，不仅为3×4网格，而且对任何n×m的网格。

在2006年Drenttel和Helfand获得美国专利7124360——计算机屏幕布局系统模块化的一种方法。榻榻米系统针对矩形矩形，通过3×4的栅格（1×1， 1×2， 1×3， 1×4; 2×2， 2×3， 2×4;3×3， 3×4）），可以得到3164种分割方式。

3×4栅格在PAD上的内容应用排版中被广泛应用，这种划分不多不少，更加符合视觉留白和视觉空隙的舒适。

在分栏的规律上：纵向和横向分割都有两分栏、三分栏和四分栏。图片或者标题可以跨栏呈现。这让标题与内容的视觉层次关系更加丰富。

在组合方式上：不仅有常规的分割，同时还有上下两层组合的可能。比如下图右下角的界面，上下两层分别三分栏和两分栏。

阅读这样的应用程序，你会感觉跟阅读报纸一样，同时你也会发现，比阅读报纸更加轻松，每一页的排版几乎不重样，翻阅这样的杂志探索感更加强烈。