网页设计突出网格 第1篇
四列网格的主要优点是它很简单，它有很强的平衡界面能力以及可靠性。 这个例子里面每个栅格跨越三个列。 它的缺点是过于对称的特点有时候让它看起来有些无聊。
常见的设计的需求会有一个主要部分排版需要强调的内容，然后一个侧栏来放置次要内容。 在下面的第一个示例中，你可以看到第一列用于品牌宣传，中间两列用于主要内容，而最后一列用于不太需要突出显示的内容。
form
Harvard Design Magazine
Etsy
Wallpaper
marie claire
网页设计突出网格 第2篇
现在回到更具体范围来，我想通过一个非常通用的网格使用方法来帮助你形成你的第一个布局构建体系。十二列栅格是个很好的助手。
Etsy
为什么十二列栅格那么方便？ 对于初学者来说，这个栅格可以同时被作为三，四和六列栅格使用，所以它足够灵活，处理各种不同的内容材料的时候游刃有余。 最重要的是，使用中你可以将它以对称的形式和不对称的形式来使用 -- 这样的可能性为设计提供了很多选择，无论你选择使用传统的，安全的布局还是超出简单对称的动态布局。
让我们看一下使用了这个栅格的高灵活度的几种布局：
网页设计突出网格 第3篇
这个栅格的每栏都包含了4列，由于它是一个不对称的网格，因此涉及的方面更多一些，所以使用中，需要用更加聪明的方式在设计中找到平衡点。 像这样的不对称布局通常被认为更活跃，更熟练的技术运用。当然这个说法可以而且应该受到质疑！
Wallpaper
Kickstarter
Kickstarter
Wallpaper
WIRED