首页 » 科技 » 为何要使用栅格系统?

为何要使用栅格系统?

栅格设计是每名设计者应具备的一项基本能力。其对比例、留白以及结构的理解把握,无论何种发行平台,web、印刷还是3D环境中,在构建栅格时都起着至关重要的作用。

为何要使用栅格系统?

栅格设计是每名设计者应具备的一项基本能力。其对比例、留白以及结构的理解把握,无论何种发行平台,web、印刷还是3D环境中,在构建栅格时都起着至关重要的作用。

(原文此段与上段重复,在此略去——译者Dismory

在我们生活中,很多事物都存有栅格设计——城市的区块划分、室内的空间设计、建筑的外观修饰,当然还有书本以及新近的网站设计。为何这些经过悉心排列后的栅格线条让我们感到如此舒适? 是什么使得这些横纵线条在一个大范围的应用程序里体现了极佳的效果?不知你是否想过,栅格的应用为何如此广泛?

拿下面这个简单的栅格做例子。

image

只需要稍作调整,无论是附加到建筑的立面还是书页、网页上,这个栅格都可以较好的适应,视觉上也都让观者觉得舒服。

无论是堆砌板砖还是排布字母,栅格是一种基于视觉来组织事物的标准方式。而在设计者之间,理解如何在栅格上构建和谐的排布将会使得沟通变得更加便捷.

方格,抑或是线条,栅格的构建总基于不断的分割。至于该如何分割,则与栅格的功能有关。例如,让我们来看一个均匀的城市区块划分(简单起见,仍使用上面提到的栅格):

image

这里没有什么特别的,简洁的主路线条、整齐的栅格、不错的样式。接下来,让我们再添上辅路,行车道和其他一些东西:

image

图上的事物这时开始出现分离,这种子划分下,导航和方向辨认也变得愈加困难(从一个地图的角度看)。诚然,你仍然可以通过栅格主划分下的主路来给自己导航,然后再跳到辅路上。然而还有一种办法可以达到相同的目的,那就是按照下面的方式对栅格进行再度细分:

image

这样一来,从图上看,导航、方向和图样的辨认都变得容易了许多。而作为一个真实的城市区块划分,如果能采用这样的设计的话,它看起来也会更悦目,我们也可以更快的获取信息。我认为(可能会被心理学家证实是错的)我们的大脑能够很快认出我们看到重复模式,并会假设这种重复适应于整个结构,这使我们对这个整体的认识理解变得相对容易。

结论就是,当我们在设计栅格时,子划分和整个栅格会具有一种细微的联系, 例如, 1/3 3/4 2/3 等,不过最为重要的是保持了一致性。

下面的图示说明了协调、细微的划分的重要性:

image

图 1 展示了一个栅格,它的主线条(灰色)规则分割,而子划分线条(蓝色)非规则划分。这种设计只是满足了设计者的需求,而忽略了读者。

图 2 展示了一个具有2级纵向子划分的栅格,一条是主划分(方格)的三分之一,另一条是主划分(方格)的六分之一。这个栅格不仅使设计者受益,更重要的是它满足了读者。

接下来,我们将先后讨论印刷出版物和网站的栅格系统设计。

(原文到此结束,更多可以参见原文作者Mark Boulton的BLOG——译者Dismory

【本文翻译仅为外语学习及阅读目的,原文作者个人观点与译者及译言网无关】

0

返回正文评论