将之分为一栏、二栏、三栏以及更多的栏把文字与图片安排于其中,使版面具有一定的 节奏 变化,产生优美的 韵律 关系、网格设计在实际运用中具有科学性、严肃性,但同时也会给版面带来呆板的负面影响。
在页面设计中,网格为所有的设计元素提供了一个结构,它使设计创造更加轻松、灵活,也让设计师的决策过程变得更加简单。在安排页面元素时,对网格的使用能提高精确性和连贯性,为更高程度的创造提供一个框架。网格使设计师能做出可靠的决定,并有效地运用自己的时间。它们能为设计注入活力——布置那些看上去相当小并且毫无关联的元素,例如页码——能在页面上产生戏剧性的冲击力,使人透过印刷品感受到设计的脉动。
设计师在运用网格设计的同时,也可以适当打破网格的约束使画面活泼生动。
基于 网格 网页设计 概念及实际应用案例
一些大型站点都有着非常一流的视觉外观,它们很可能在设计时使用了网格系统。网格可以是页面布局显得紧凑而且稳定,为设计师在设计站点时提供一个逻辑严谨的模板。
但使用网格并不意味着枯燥的设计,一个好的设计师不仅能够合理地应用基于网格布局的规则,而且还能适时地打破这些规则。
"The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice."
- Josef Müller-Brockmann

网格设计 网格基础

我们来看一些网格的术语。网格是用竖直或水平分割线将布局进行分块,把边界、空白和栏包括在内,以提供组织内容的框架。
网格常在传统印刷中使用,但对网页设计也是非常合适的。网格设计不能使一个网站的布局看起来像报纸一样,但它的确可以辅助我们设计结构统一的站点。
网格是一个简单的辅助设计工具,而不是什么对设计产生不良影响的东西。
理解并遵循规则
当你开始学习任何一项技能时,都应当遵循它的一些指导原则。从一开始就把基础的东西学好,能使你高效地应用这些规则。
学习网格也不例外。你应当按照网格来设计布局,并让所有设计元素对齐到它们所在的位置。在设计中使用网格能结构化内容并且给你一个设计起点,但这不应当阻止我们的任何创意灵感。