文字設計和視覺文化

《平面設計中的網格系統》出版及試讀

網格系統封面

十分令人期待的平面設計經典著作《平面設計中的網格系統》(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地址將不會被發布或透漏。 標記*的項目為必填項目。

*
*

作者 / 譯者