平面设计中的网格系统,让我们想起了理性和秩序 已回复

会员ID:离线 男 15岁 时间:2016-10-26 03:08:03

误读:一切阅读,都是误读

您正在阅读 OFFLINE Issue 26 的「误读」栏目。成为离线会员,您将收到每周一期的电子杂志,完整阅读会员专享内容。

平面设计中的网格系统,让我们想起了理性和秩序

纪宇彪

  • 《平面设计中的网格系统》

  • Grid systems in graphic design

  • 约瑟夫·米勒-布罗克曼 (Josef Müller-Brockmann)

  • 上海人民美术出版社(2016.07)

  • 78.00 元

这是一本关于平面设计、字体编排和空间设计的视觉传达设计手册。

「设」是「计」的前提

在展开《平面设计中的网格系统》这本设计手册之前,我们先谈谈「设计」。

设计,有一些是设,有因果,有逻辑,有规律;但还有一些是计,有猜想,有通窍,有跳跃。

上面这段话来自胡颖的《干净的错误》,这本书收录了作者的代表设计作品,也有设计师对具体作品设计理念的解说和感想。设计的过程并不总是浪漫的,灵感乍现那一刻的事情会被设计师们分享和反复言说,但看似代表自由的「猜想」「通窍」和「跳跃」是需要「因果」「逻辑」和「规律」的支撑的。「设」是「计」的前提。那么,理解那些颠扑不破的设计规范就非常必要了。

网格设计系统(Grid Systems),又称栅格设计系统、标准尺寸系统。网格系统是一种平面设计的方法与风格,人们依然使用它去理解、组织和创造出高度理性和个人感性兼具的作品。

作者在前言说到,现代意义上的字体编排是在 20 世纪 20 至 30 年代早期设计理论和原则基础上建立起来的。

20 世纪 50 年代,栅格设计系统终于在前西德与瑞士得到完善。通过瑞士平面设计杂志的宣传,将瑞士苏黎士和巴塞尔两个城市的设计家从 20 世纪 40 年代探索的成果全面展示,并影响世界各国,因此也被称为「瑞士平面设计风格」(Swiss Design)。由于这种风格简单明确,传达功能准确,因而很快得到世界范围内的普遍认可,成为战后影响最大的一种平面设计风格,也是国际最流行的风格,因此又被称为「国际主义平面设计风格」(International Typographic Style)。

国际主义平面设计风格海报

这本介绍网格系统的理论基础及其宗旨、搭建网格系统的详细步骤和其他细节要素的《平面设计中的网格系统》1981 年首次出版,距今已有 35 年。

作者约瑟夫·米勒-布罗克曼

读完这本书,你或许可以理解网格为什么是一种诠释理性的框架、一种建立秩序的系统、一种控制形式的法则和一种制造节奏和美感的工具。

一切只为让你畅快地阅读

书内一页

一本书的设计前期,需要设计者大量的考量和艰难的选择。成书需要顾及视觉性和功能性,为了让读者阅读畅快,网格系统可以说无可替代。惊悚小说的文本本身就快速地引导读者翻页,书页应该如何设计才能不漏掉重要信息?诗歌的排版该如何呈现诗句的姿态和节奏?

文艺复兴时代创造了对称式的文本编排方式,并一直被广泛应用到 20 世纪。现在的设计大多会把负空间(留白)也视为重要的设计元素,而在以前,字体排印师只能通过文本居中的方式来活跃沉闷的版面。

The Elements of Typographic Style 的作者 Robert Bringhurst 说:「一页文本 50% 的个性都由字体所决定,剩下的 50% 则取决于页边距。」

页边距的各个部分都有自己的专业术语:页边距的内缘为订口,页边距的外缘为翻口或切口,上缘为天头,下缘为地脚。页边距和它在版面中的比例关系,即页边距与版面中其他元素之间的关系,会对版面的整体效果产生很大的影响。可能只是设计元素细微的差异,呆板的、缺乏功能性的、过于匀称的页边距和比例协调的页边距就区分开了。留白对于文学类书籍更为必要,但对于广告宣传页来说,较宽的页边距相对于成本来说有些奢侈了。

如果是一本有一定厚度的书呢?书页自然会形成一道弧线。在前期设计时,设计师一般会留有较宽订口避免因书页突起变形导致的阅读困难。

那占用空间极小的页码呢?如果页码被设置在版心的中轴上,那么版面就会显得稳定;如果页码设置在版心的外沿时,版面会相对更生动——

首先,把页码移到切口侧可以使眼睛向外移动。其次,把页码放在这个位置可以在翻页时给这一页的切口增加视觉重量,让翻页过程显得更快一些。当然,只有在版面具有平稳感的前提下才能应用到这种办法。

《平面设计中的网格系统》详细地讨论了纸张的尺寸、点制、字体样式、分栏的宽窄、行距、页边距和页码,随后展示了版心的结构和网格的结构,以及 8、20、32 格网格系统系统中的文字与图片,还有更高阶的复合网格。

网格系统同样能单元化空间

策展

网格系统不仅用于二维平面设计中,还可以应用在三维空间的设计中。

1851 年伦敦水晶宫(The Crystal Palace)的建成是展馆建筑发展史上的转折点。它是一个以钢铁为骨架、玻璃为主要建材的建筑,是工业革命时代的重要象征物。「水晶宫」是来自一家以讽刺文章著名的《笨拙》杂志因其建筑通体透明宽敞明亮而给予的名称。「以往单独设计一栋建筑物的传统被一种实用、整体的设计理念所替代,并规定了预制构件的标准间距,使构件的垂直部位按相同的模式重复。」在当时的社会背景下,这种类似网格框架状的结构并没有引起设计师们的注意,直至二战之后,这类网格结构的展馆设计才现身意大利。

伦敦水晶宫

20 世纪,勒·柯布西耶发现了一种比例方法——「模度」,这是一种源于自然界和人体的黄金分割的测量体系。勒·柯布西耶的著作《模度》是他依据数学逻辑与人体比例的关系发展出来的一套测量体系。

那他们究竟是用什么工具来进行测量呢?这些工具不但永恒不变,而且还特别珍贵。因为它们都和人体有关。这些度量衡都有名字:「布长(ell)」源自臂长,「位」(digit)」源自手指脚趾,「英尺」(foot)原意为「脚」,「拃」(span)是拇指到小指的距离,而 pace 即为步长等等。我们必须尊重这个事实:这些度量衡都曾是人体的重要部位,因此从一开始就非常适合建造小屋、宅院、寺庙的过程中进行丈量。

在「古代和现代的秩序系统」这一章节中,作者旨在向读者演示秩序的数学原理是如何超越时间,并对人类的艺术创作起到深远影响的。比如,古希腊人发现了黄金分割,并发觉人体本身也蕴含着这样的比例关系,文艺复兴时期的艺术家则奠定了用测量和数学比例来进行创作的基础。用网格系统组织三维空间和用「模度」去建筑都能体现出人类对和谐比例的理解和追求,他们愿意服膺于可靠的秩序系统。

勒·柯布西耶还给巴黎新市中心做了城市规划,它也是基于一种网格结构,并根据当时城市发展的情况做出了相应的调整。可惜这份城市规划图最终没能落地实施。

巴黎「Plan Voisin」草图

「它们甚至超越功能,形式近乎完美。」

勒·柯布西耶在《模度》里说到:「秩序是真正的生命之钥。」约瑟夫·米勒-布罗克曼也认为「在自然界里,秩序系统主导着生命和物质的生长和构造。」

符合黄金分割的贝壳

显微镜下的蝴蝶翅膀

人体比例、动物的身体、植物的花纹是秩序造化的结果,而建筑的装饰、音乐的节奏和绘画的构图等人造物则反映了人类通过秩序来统治混乱的欲望。

这些造物「甚至超越功能,形式近乎完美。」

作为一本介绍网格系统的工具书,在「形式」上自然是遵循网格系统规范的——这本书是在标准 A4 的开本上利用 32 格网格系统设计的。除了介绍基本的运用原则,作者罗列了兼具视觉性和功能性的平面设计师作品,希望能驳倒一些「误解」。

遗憾的是还没有几所设计院校能把应用网格系统的正确方法全面地传授给学生。一方面是老师自身对网格系统缺乏兴趣;另一方面是他们对网格系统的应用并不是很了解;还是一个普遍的误解,那就是「网格系统」限制了设计师的创造力。

在标准化的规范下去实现设计自由能否更自由?设计规范能否调动更高的设计自由度?我们都需要思考。

 #离线会员大促 

9 月 9 日 ~ 9 月 10 日,原价 20 元 / 月的 Basic 会员套餐 仅售 3.99 元,感受一下低于 2 折的欣快感吧。

访问离线会员计划订阅页面,勾选「按月自动续订:¥20」,点击「我有优惠码」,输入优惠码「好好学习」享受优惠,仅限 2 日,活动结束后恢复原价。

注意事项:

1. 优惠价格仅限当月,第二个月将恢复原价 20 元。

2. 第二个月将自动扣款,如要取消续订,请在会员权限到期前写一封主题为「会员退订」的邮件邮件给 service@the-offline.com。

3. 优惠价格仅针对新用户。

4. 优惠价格仅针对 Basic 月付套餐。年付 Basic 与年付 Premium 不享受该优惠折扣。

5. 如有任何疑问,写邮件给 service@the-offline.com,这是获得反馈的最快渠道。

成为离线会员,你将获得:

(点击图片了解会员计划详情)

上线以来的近三十期杂志都对会员开放阅读,还能下载 epub 电子书。

加入离线会员微信群,参加有趣的 Offline Live,听编辑们聊策划秘辛,和志趣相投的朋友们一起吹水。当然,托力桑也会在群里陪伴着你(比心)。

或点击「阅读原文」开始订阅,享受 3.99 元限时优惠。

评论 ( 956 条评论)
科普问题免费提问
无需注册,10分钟内回答