网格设计的历史（上）

几年前，Alex Bigman 写了这篇文章《设计网格的历史》。今天，hifont 将其翻译给大家，希望能对大家有所帮助。虽然看起来有些枯燥，但建议大家能耐心读完。

1

你有没有停下来注意到我们住在网格中？从您正在观看的屏幕上的像素排列，到世界上大多数居住的城市的组织，这种相交的垂直和水平线的视觉系统决定了您可能意识到的形式。

毫无疑问，我们发现自己如此陷入困境; 因为我们也设计了一个。从印刷设计的早期开始，在“平面设计”这个术语出现之前的几百年，网格就帮助打印机安排了页面布局。现在，我们使用网格来解析设计软件中的空间并确定网站的形式。即使它完全落后于幕后，你也可以认为它就在那里。

作为设计师，理解我们继承的系统非常重要。因此，我们将这个非常简短的艺术和设计网格历史从（相对）古代到现在整合在一起。在第一部分中，我们将讨论早期文艺复兴时期对网格的使用，现代网格设计的诞生以及从事印刷设计工作的名单 ，例如书籍封面。

2

旧时代：“平面设计”之前的网格

文艺复兴时期的绘画，利用数学原理开发的线性透视，通过叠加线所示 

虽然文艺复兴时期的绘画看起来与页面布局相差甚远，但是建筑和视觉表现的结合首先产生了网格（虽然当时没有被称为网格）。你可能会注意到这些“完美几何”的教规会产生中心的，对称的页面布局，这不是我们今天习惯的。然而，像“黄金矩形”这样的概念 - 比例为1：1.618的矩形，当你从中减去一个正方形时，产生另一个这些比例的矩形，仍然是一个持久的设计概念。

“ Thinking With Type ”中黄金矩形的描述

在13世纪，建筑师 Villard De Honnecourt 提出了一个著名的图表，用于制作具有固定比率边距的页面布局 - 被认为是“和谐”设计。正如您所看到的，这仍然是书籍封面等印刷品设计的指导原则。

正如retinart所示，维拉德的图表确定了文艺复兴时期到现在的书籍比例

3

瑞士秩序：现代网格形成

随着资本主义在19世纪后期达到成熟，人们开始将平面设计本身视为一种职业，并且第一个称自己为设计师的人，如艺术和手工艺运动的威廉莫里斯，开始寻找用来描述的词语。

直到第一次世界大战期间，在瑞士，网格才进入图形设计词典。作为战争中唯一的中立国家之一，瑞士成为来自欧洲各地的知识分子难民的聚会场所。它也是少数几个纸张和墨水等印刷用品没有大量配给的地方之一。这些条件相当于许多敏锐的人打印了大量的多语言文档，通常包括法语，意大利语，德语和英语列。这提出了一个设计问题，像Herbert Bayer和Jan Tschichold这样的排版人员正在努力解决这个问题。

这些设计师的一个贡献是从中心文本定位转向“非对称”方法，旨在让人们从左到右阅读更自然。这种方法将文本齐平左对齐，粗糙对齐，通常将文本主体稍微向左或向右放置以留下更大的音符余量。

本书中的页面举例说明了现代的，不对称的页面布局：文本向左，右边粗糙，向一侧稍微移动。

三分法则是您可能熟悉的另一种基于网格的正典，基于类似的假设，即当焦点偏离中心时，图像更具动态性和吸引力。

摄影中的“三分法”呼应了不对称设计更自然，更有活力的原则。摄影：Trey Ratcliff

这些努力也出现了许多页面布局术语。你应该熟悉所有这些：

装订线：文本列之间的空间

列英寸：对文本列的垂直长度的引用

跳转：从一列底部到另一列顶部或另一页的文本流的延续

围栏：页面最左侧或最右侧的较薄的列（通常约为其他列宽度的一半），通常为报纸提供目录信息。

挂线：像水平轨道一样，这是一条将页面顶部信息（例如图像）与下面的文本分隔开的线条，它似乎从线条“挂起”

单列网格：例如您在典型书籍中可以找到的内容

多列（垂直）网格：例如您在典型报纸中可以找到的内容

模块化网格：一种网格，涉及与垂直网格一样多的水平分割，形成一个特别灵活的文本和图像排列模型

（从上到下）：一个多列网格，一个采用主要垂直网格格式的报纸，以及一个模块化网格，展示了这种方法的额外灵活性; 从 Thinking With Type。

一旦设定了网格设计的规则，设计师就会立即开始破坏它们。这一点，以及网页设计中网格的现代化，将成为“网格历史，第2部分”的主题。

希望这篇文章能对大家有所帮助。第2部分的中文已在翻译，敬请关注！

------ end -----

原文地址：https://en.99designs.jp/blog/tips/history-of-the-grid-part-1/

原文作者：Alex Bigman
中文翻译：hifont

@字体设计 翻译整理编辑发布