美文网首页
设计网格的历史History of the design gri

设计网格的历史History of the design gri

作者: 王小其 | 来源:发表于2015-12-10 15:38 被阅读0次

    你注意过我们生活在网格之中吗?从屏幕上你能看到的像素排列,到多数人居住的城市规划,你无法想象这些有趣横纵线的视觉系统决定了多少形式。

    难怪我们觉得自己如此被网格控制,因为我们的设计也是如此。在早期印刷设计——那个百年后「平面设计」才出现的年代,网格辅助印刷师安排页面布局。现在,我们使用网格来组织软件布白和网页形式。虽然网格隐藏于页面后,但我们能感受到它的存在。

    作为设计师,理解我们继承的系统很重要——他们看起来很基础。因此我们整理了从(相关)过去到现在艺术与设计中的网格简史。在第一部分中,我们讨论早期文艺复兴时期的网格使用、现代网格设计的诞生以及所有致力于印刷设计的人——比如图书封面——都知道的东西。

    过去的日子:「平面设计」前的网格

    文艺复兴时期,为了建立透视法则,数学\建筑的原则伴随油画艺术诞生——这种方法能传达深度真实感,与空间的水平线、消失点有关。

    文艺复兴油画用数学原则来创建直线透视,正如叠印直线显示的这样

    文艺复兴时期油画看似和页面布局迥乎不同,但正是建筑和视觉表达的结合首次产生了网格(虽然当时它并不这么叫)。你会发现,正是「完美几何体」的准则导致了居中对称的页面布局——和现在我们使用的不完全一样。但是,类似「黄金矩形」的观念——比例为1:1.618的矩形,当你从中减去一个正方形又会得到相同比例的矩形——仍是有深远影响的设计概念。

    对黄金矩形的描述,来自Thinking With Type

    13世纪,建筑师Villard De Honnecourt设计出一个非常有名的图表,用以在固定比例空白上产生页面布局——这被我们认为是「和谐」的设计。这在现在仍是在诸如书籍封面等印刷物设计的指导原则。

    Villard的图表确定了从文艺复兴到现在书籍的比例,正如retinart显示的这样

    瑞士秩序:现代网格起源

    随着资本主义在十九世纪日趋成熟,人们开始把平面设计当做职业,第一批人开始自称设计师,例如工艺美术运动中的William  Morris,开始寻找描述他们工作的名词。

    直到大致一战时期,网格在瑞士才进入平面设计的字典。瑞士是当时极少的中立国之一,它成为了全欧洲智慧难民的交流地。这也是极少的诸如纸墨印刷没有定量供给之地。这种情况导致很多智者印刷大量多语言文档,通常带有法语,意大利语,德语还有英语的纵列。诸如Herbert Bayer和Jan Tschichold的排版师着手解决这种情况出现的设计问题。

    这些设计师放弃了居中文字布局,而使用更「不对称」的方法适配人们从左至右的阅读顺序。这种方法将文本左侧对齐、右侧不对齐,时常将文本主体稍向左或向右偏移,为笔记留更多空间。

    这页内容就是典型的现代不对称页面布局:左侧对齐,右侧不对齐,文本稍向一边靠拢——在这个例子中是向右

    三分法是另一个你可能很熟悉的网格原则,这个原则基于类似的假设,即一个图片的重点如果不在正中心,可能会看起来更生动活泼。

    摄影中的三分法也反映了不对称设计更加自然生动的原则。

    一些页面布局元素也从这些尝试中产生。你应该对他们都很熟悉:

    gutter:文字列间的空间

    column inch栏寸:文字栏垂直高度的量度

    jump:文字流从一�栏底部到另一栏顶部,或到下一栏的延续

    rail:在页面最左或最右处的一个窄栏(很可能是其他栏的一半宽度),在比如报纸上提供目录信息

    hang line:有点像水平rail,这是分割页面顶部信息(比如图片)的水平线,从下部文字而来,看起来�像在「撑起」这条线

    single column grid单栏网格:就像经典书籍页面的样子

    multi-column(vertical)grid多栏(垂直)网格:就像传统报纸的样子

    modular gird模块网格:一个横纵相同分割的网格,形成一个特别灵活的图文排版

    (从上至下):多栏网格,一张主要运用纵向网格的报纸;模块网格,展示这种做法的额外灵活性

    当三分法一建立,设计师就寻求突破它。网页设计中网格的出现将是网格简史的第二部分。

    相关文章

      网友评论

          本文标题:设计网格的历史History of the design gri

          本文链接:https://www.haomeiwen.com/subject/uzkyhttx.html