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

十分令人期待的平面設計經典著作《平面設計中的網格系統》（Grid systems in graphic design）中文版終於出版。作者 Josef Müller-Brockmann（約瑟夫·米勒－布羅克曼）作為瑞士平面設計風格的先驅，因他的極簡主義和基於網格的平面設計而聞名，對 21 世紀的平面設計都產生了重大影響。

《平面設計中的網格系統》一書的副標題是「平面設計、字體編排和空間設計的視覺傳達設計手冊」，該書對網格系統的各個方面進行了嚴謹探討，旨在幫助平面設計師及該領域的學生們掌握網格設計的系統性方法。其中討論了包括紙張的尺寸、字體的選擇、分欄的寬窄、行距、頁邊距和頁碼等具體問題，並闡述了以網格系統為核心的設計哲學。出版 48 年後，該書仍然是平面設計師必讀的一本經典教科書。

本書中文版由徐宸熹、張鵬宇翻譯，楊林青和劉慶（Eric Liu）監修。中文版的書籍設計忠於原版，由楊林青設計製作，採用了漢儀字庫的旗黑和 Helvetica Neue 搭配。本次的簡體中文版是由上海人民美術出版社協同瑞士文化基金會和本站 Type is Beautiful 出品。以下為本書開篇試讀，介紹了網格系統的理論基礎及其宗旨。

《平面設計中的網格系統》開篇試讀

一、網格與設計哲學

將網格視為一種秩序系統來進行使用，是設計師某種特定的精神和態度的表達，因為它體現了設計師是以一種結構性、有預見性的方式來進行構思和設計的。

同時，這也是一種職業信仰的體現，即：設計師的作品應該是易懂的、客觀的、功能性的和具有數學邏輯美感的。這樣，設計師的創作才能為主流文化產生價值，並成為主流文化的一部分。

具有建設性的、可供分析和理解的設計作品不僅可以提高社會的審美品位，還可以對其造型文化和色彩文化產生影響。具有客觀性的設計作品符合公眾利益，並且能夠很好地構成民主行為基礎。用構成化、系統化的手段來進行設計，也意味着將設計法則轉化為實際的解決方案。具有系統性並嚴格遵循規則的設計，需要的是直接明了、清晰易懂以及各種因素的集成，這些在社會政治生活也是具有極為重要意義的。

使用網格系統來進行工作就意味着需要遵循普遍、合理的原則。

網格系統的應用意味着：

• 系統化和清晰化
• 集中精力看透關鍵問題
• 用客觀取代主觀
• 理性地去看待創造和製造產品的過程
• 將色彩、形式和材料進行結合
• 從建築的角度來駕馭內外空間
• 採取積極前瞻的態度

我們必須認識到教育的重要性，並帶着創造性和建設性的精神去工作。還應該明白每一件視覺創意作品不僅是設計師個性的彰顯，更是他的知識、能力和情感的綜合體現。

二、文字編排中的網格

網格將二維平面劃分為更小的單元網格，或者將三維空間分成更小的單元區域。這些單元網格或者單元區域的大小既可相同也可不同。單元網格的高度相當於文本的整行數，寬度則與文本欄的寬度相當。這些高度與寬度都是用排版中特有的度量單位來進行計算的，即點數（points）^[1]和西塞羅（ciceros）。

網格中的單元網格之間會留有一定的間隙，這樣一方面可以讓圖片之間互相不受干擾，還保證了文本的易讀性；另一方面也為插圖的注釋預留出一定的空間。

這些間隙的縱向高度為正文的一行、兩行或更多行，橫向的間隔則取決於正文字體的字號大小和插圖的尺寸。將版面劃分成若干個單元網格，可以更好地處理版面中的各種視覺元素（文字編排、照片、插畫、色彩），這些視覺元素將以網格的標準來調整尺寸大小，並完全適應網格的布局。最小的插圖對應最小的單元網格。另外，還可以將最小的單元網格進行組合，並形成更大的網格區域，所有的插圖、照片和統計圖表等視覺元素的大小也可依據由 1、2、3 或 4 個單元網格組合的區域來進行編排。只要我們能夠合理地利用這類方法，那麼版面中的視覺信息就能形成一種統一。

雖然網格決定着空間的大小，但在實際設計中並沒有限定單元網格的數量。一般來說，必須仔細地研究每一項具體的工作，才能確定設計所需的網格大小和單元網格的數量。

有一個規則是：插圖在尺寸上的差別越小，設計就越能創造出一種平和感。作為一種控制系統，網格系統提供了一種更為簡單的方式來理性地組織二維和三維空間。

這樣的一種布局系統迫使設計師需要更加誠實地對待他的設計資源，還要求設計師親自動手去分析它。這不但培養了一種分析思考的方法，還為解決問題提供了邏輯和辯證的基礎。如果文字和圖片都能得到系統性的安排，那重點就顯而易見了。

總之，一個合適的網格之所以可以使視覺設計變得更容易。是因為：

1. 可以通過視覺傳達的手段客觀地建構主題
2. 可以系統和邏輯地構建文本和插圖類材料
3. 可以在一個緊湊的空間中根據文本和插圖的特點建立節奏關係
4. 可以將所有視覺材料組織在一起，使其在易讀易懂的同時還具備視覺張力

除此之外，還有其他原因來幫助我們理解藉助網格系統來組織文本和插圖的意義。從經濟的角度來看，網格系統可以用更短的時間和更低的成本來解決問題；從理性的角度來看，無論是簡單或複雜的問題都能通過一種既統一又獨到的方式去解決；從精神的角度來看，出於對社會和教育的責任，網格系統還可以客觀、系統地陳述事實、事件的始終以及解決問題的方式，並對發展社會文化提供建設性的意見，以及表達我們的社會責任感。

三、網格的目的是什麼?

網格系統通常被字體排印師 ^[2]、平面設計師、攝影師和展覽設計師用來解決二維或三維的視覺問題。平面設計師和字體排印師用它來設計報紙、廣告、小冊子、圖錄、書籍和期刊等印刷品，展覽設計師則用它來做展覽和櫥窗的展示設計。

把網格置於平面和空間中，設計師可以按客觀功能的需求來設置各類文本、圖片和圖表。其中圖片元素被精簡到幾種相同的尺寸，它們的大小通常取決於它們在主題中的重要性。

通過網格系統來控制視覺元素的數量和組合，可以創造出一種緊湊的、清晰易懂的、整潔有序的設計，這種整潔有序同時也增強了信息的的可靠性。

在編排設計中，清晰、邏輯地呈現標題、副標題、文本、插圖和圖注等信息，不僅可以使閱讀變得更快速和更容易，還可以讓信息更容易被理解和記憶。這是一個被科學驗證的真理，每個設計師都應銘記於心。

另外，網格還被成功地應用於企業識別系統（VI）中。包括企業識別系統中所有的信息視覺媒介，從訪問卡到展覽導向牌，以及所有室內外的印刷品應用、廣告、貨車和客運車、路牌和建築物上的招牌等等。

關於此書

• 原題：Grid systems in graphic design
• 原著：［瑞士］約瑟夫·米勒–布羅克曼 (Josef Müller-Brockmann)
• 翻譯：徐宸熹、張鵬宇
• 監修：楊林青、劉慶（Eric Liu）
• 出版：上海人民美術出版社第一工作室
• 字庫提供：漢儀字庫
• 字體：漢儀旗黑、Helvetica Neue
• 協作機構：瑞士文化基金會、Type is Beautiful
• 價格：¥78.00

購買

• 亞馬遜（同時支持中國大陸以外地區）
• 京東
• 噹噹