文字设计和视觉文化

《平面设计中的网格系统》出版及试读

网格系统封面

十分令人期待的平面设计经典著作《平面设计中的网格系统》(Grid systems in graphic design)中文版终于出版。作者 Josef Müller-Brockmann(约瑟夫·米勒-布罗克曼)作为瑞士平面设计风格的先驱,因他的极简主义和基于网格的平面设计而闻名,对 21 世纪的平面设计都产生了重大影响。

《平面设计中的网格系统》一书的副标题是「平面设计、字体编排和空间设计的视觉传达设计手册」,该书对网格系统的各个方面进行了严谨探讨,旨在帮助平面设计师及该领域的学生们掌握网格设计的系统性方法。其中讨论了包括纸张的尺寸、字体的选择、分栏的宽窄、行距、页边距和页码等具体问题,并阐述了以网格系统为核心的设计哲学。出版 48 年后,该书仍然是平面设计师必读的一本经典教科书。

本书中文版由徐宸熹、张鹏宇翻译,杨林青和刘庆(Eric Liu)监修。中文版的书籍设计忠于原版,由杨林青设计制作,采用了汉仪字库旗黑和 Helvetica Neue 搭配。本次的简体中文版是由上海人民美术出版社协同瑞士文化基金会和本站 Type is Beautiful 出品。以下为本书开篇试读,介绍了网格系统的理论基础及其宗旨。

《平面设计中的网格系统》开篇试读

一、网格与设计哲学

GridSystem内页照片
本书内页

将网格视为一种秩序系统来进行使用,是设计师某种特定的精神和态度的表达,因为它体现了设计师是以一种结构性、有预见性的方式来进行构思和设计的。

同时,这也是一种职业信仰的体现,即:设计师的作品应该是易懂的、客观的、功能性的和具有数学逻辑美感的。这样,设计师的创作才能为主流文化产生价值,并成为主流文化的一部分。

具有建设性的、可供分析和理解的设计作品不仅可以提高社会的审美品位,还可以对其造型文化和色彩文化产生影响。具有客观性的设计作品符合公众利益,并且能够很好地构成民主行为基础。用构成化、系统化的手段来进行设计,也意味着将设计法则转化为实际的解决方案。具有系统性并严格遵循规则的设计,需要的是直接明了、清晰易懂以及各种因素的集成,这些在社会政治生活也是具有极为重要意义的。

使用网格系统来进行工作就意味着需要遵循普遍、合理的原则。

网格系统的应用意味着:

  • 系统化和清晰化
  • 集中精力看透关键问题
  • 用客观取代主观
  • 理性地去看待创造和制造产品的过程
  • 将色彩、形式和材料进行结合
  • 从建筑的角度来驾驭内外空间
  • 采取积极前瞻的态度

我们必须认识到教育的重要性,并带着创造性和建设性的精神去工作。还应该明白每一件视觉创意作品不仅是设计师个性的彰显,更是他的知识、能力和情感的综合体现。

二、文字编排中的网格

网格将二维平面划分为更小的单元网格,或者将三维空间分成更小的单元区域。这些单元网格或者单元区域的大小既可相同也可不同。单元网格的高度相当于文本的整行数,宽度则与文本栏的宽度相当。这些高度与宽度都是用排版中特有的度量单位来进行计算的,即点数(points)[1]和西塞罗(ciceros)。

网格中的单元网格之间会留有一定的间隙,这样一方面可以让图片之间互相不受干扰,还保证了文本的易读性;另一方面也为插图的注释预留出一定的空间。

这些间隙的纵向高度为正文的一行、两行或更多行,横向的间隔则取决于正文字体的字号大小和插图的尺寸。将版面划分成若干个单元网格,可以更好地处理版面中的各种视觉元素(文字编排、照片、插画、色彩),这些视觉元素将以网格的标准来调整尺寸大小,并完全适应网格的布局。最小的插图对应最小的单元网格。另外,还可以将最小的单元网格进行组合,并形成更大的网格区域,所有的插图、照片和统计图表等视觉元素的大小也可依据由 1、2、3 或 4 个单元网格组合的区域来进行编排。只要我们能够合理地利用这类方法,那么版面中的视觉信息就能形成一种统一。

虽然网格决定着空间的大小,但在实际设计中并没有限定单元网格的数量。一般来说,必须仔细地研究每一项具体的工作,才能确定设计所需的网格大小和单元网格的数量。

有一个规则是:插图在尺寸上的差别越小,设计就越能创造出一种平和感。作为一种控制系统,网格系统提供了一种更为简单的方式来理性地组织二维和三维空间。

这样的一种布局系统迫使设计师需要更加诚实地对待他的设计资源,还要求设计师亲自动手去分析它。这不但培养了一种分析思考的方法,还为解决问题提供了逻辑和辩证的基础。如果文字和图片都能得到系统性的安排,那重点就显而易见了。

总之,一个合适的网格之所以可以使视觉设计变得更容易。是因为:

  1. 可以通过视觉传达的手段客观地建构主题
  2. 可以系统和逻辑地构建文本和插图类材料
  3. 可以在一个紧凑的空间中根据文本和插图的特点建立节奏关系
  4. 可以将所有视觉材料组织在一起,使其在易读易懂的同时还具备视觉张力

除此之外,还有其他原因来帮助我们理解借助网格系统来组织文本和插图的意义。从经济的角度来看,网格系统可以用更短的时间和更低的成本来解决问题;从理性的角度来看,无论是简单或复杂的问题都能通过一种既统一又独到的方式去解决;从精神的角度来看,出于对社会和教育的责任,网格系统还可以客观、系统地陈述事实、事件的始终以及解决问题的方式,并对发展社会文化提供建设性的意见,以及表达我们的社会责任感。

三、网格的目的是什么?

grid_system_02
本书内页
grid_system_03
本书内页
grid_system_04
本书内页
grid_system_05
本书内页
grid_system_06
本书内页

网格系统通常被字体排印师 [2]、平面设计师、摄影师和展览设计师用来解决二维或三维的视觉问题。平面设计师和字体排印师用它来设计报纸、广告、小册子、图录、书籍和期刊等印刷品,展览设计师则用它来做展览和橱窗的展示设计。

把网格置于平面和空间中,设计师可以按客观功能的需求来设置各类文本、图片和图表。其中图片元素被精简到几种相同的尺寸,它们的大小通常取决于它们在主题中的重要性。

通过网格系统来控制视觉元素的数量和组合,可以创造出一种紧凑的、清晰易懂的、整洁有序的设计,这种整洁有序同时也增强了信息的的可靠性。

在编排设计中,清晰、逻辑地呈现标题、副标题、文本、插图和图注等信息,不仅可以使阅读变得更快速和更容易,还可以让信息更容易被理解和记忆。这是一个被科学验证的真理,每个设计师都应铭记于心。

另外,网格还被成功地应用于企业识别系统(VI)中。包括企业识别系统中所有的信息视觉媒介,从访问卡到展览导向牌,以及所有室内外的印刷品应用、广告、货车和客运车、路牌和建筑物上的招牌等等。

注:

  1. 译者注:以往把 Point 译为「磅数」都是音译,正确的中文译名应为「点」或「点数」。
  2. 译者注:字体排印师是铅字印刷时代的一种职业,通常是平面设计师把设计好的样稿交付给印刷厂,然后再由专业的字体排印师来实现清晰、易读并可印刷的版面。

关于此书

购买

尊重原创:关于转载

我们希望在中文环境中建立一种健康的 TrackBack 和链接机制,保证原创,并不影响传播。因此对于译文和原创文章,我们欢迎您在网站上推荐我们的文章,包括文字和图片片段,但不赞成任何形式的全文转载。
参与讨论或通过 TrackBack 推荐:Trackback URL.

8 个相关讨论

  1. 74
    2016/06/22 at 4:51 pm | Permalink

    心愿单已加,等返促销券

  2. irinichen
    2016/06/23 at 12:54 pm | Permalink

    第一张内页图片无法显示……

  3. Peiran Tan
    2016/07/02 at 3:57 am | Permalink

    诶居然不是 Akzidenz 而是 Helv Neue 吗,有点意外

  4. 2016/07/14 at 10:06 pm | Permalink

    听完节目就买了,非常棒的一本书。

  5. Gorport
    2016/07/20 at 6:16 pm | Permalink

    印刷质量真的好差哦!

  6. 2016/12/18 at 12:25 am | Permalink

    《版面设计网格构成》
    (瑞士Niggli出版社 编著;中国青年出版社 出版发行)
    翻译:郑微;审校:余秉楠
    ISBN7-5006-5688-2/TS-24
    2005年2月北京第1版
    该书当时的封面设计是吕敬人先生。

    有趣的是,2016年网格设计才开始被国内普遍发现和重视。

  7. 2017/02/12 at 1:40 am | Permalink

    大家如何看待保羅.蘭德對該書的評價:「这本书里有一堆错误」?
    最近准备入手一本。

    有个请求,希望你出版阿敏.赫夫曼的《平面設計手冊:原則與實踐》,謝謝!

  8. 2017/12/19 at 9:36 pm | Permalink

    最近两天仔细地读这本书,以为很久就有中文版了,才发现去年才翻译出来的

2 个Trackbacks

  1. […] 出版及试读 […]

  2. […] 以下摘选《平面设计中的网格系统》(经典版)开篇内容供读者试读,配合网页显示对样式做了轻微改动。本站在六年前也刊载了简体中文第一版同一部分的试读,有兴趣的读者可以将二者进行对比,分析差异之处,体会本次修订的目的。 […]

参与讨论

你的Email地址将不会被发布或透漏。 标记*的项目为必填项目。

*
*

作者 / 译者