淺析書籍版式設(shè)計中網(wǎng)格系統(tǒng)的應(yīng)用

鞏固 張峰

【摘 要】優(yōu)秀的書籍設(shè)計，無論是出于什么目的，都需要切實反映書籍內(nèi)容的內(nèi)在精神語言，而版式設(shè)計作為書籍設(shè)計中最為重要的一環(huán)，影響著書籍整體的邏輯性與秩序美感，網(wǎng)格系統(tǒng)作為書籍版式設(shè)計中的一種方法，自出現(xiàn)伊始便在版式設(shè)計中占據(jù)著基礎(chǔ)理論的重要角色。在書籍設(shè)計中嚴(yán)格遵循并系統(tǒng)性的運用網(wǎng)格系統(tǒng)，不僅能夠為設(shè)計作品提供客觀易懂，具有數(shù)學(xué)邏輯美感的版面，也能提高設(shè)計作品的社會審美品位。

【關(guān)鍵詞】版式設(shè)計;書籍設(shè)計;秩序美感;邏輯性

一、網(wǎng)格系統(tǒng)與書籍版式設(shè)計的關(guān)系

網(wǎng)格系統(tǒng)是一種協(xié)助版面編排的技法，運用網(wǎng)格系統(tǒng)的設(shè)計手法來系統(tǒng)化和紀(jì)律化繁雜的信息，搭建出的一個具備功能性、邏輯性和視覺美感的秩序系統(tǒng)。

現(xiàn)代網(wǎng)格系統(tǒng)誕生于二戰(zhàn)后的瑞士，為當(dāng)時設(shè)計作品提供了科學(xué)嚴(yán)謹(jǐn)?shù)脑O(shè)計思路，突破了傳統(tǒng)的古典版面設(shè)計范式，是符合時代所需的版面設(shè)計形式。網(wǎng)格系統(tǒng)是西方文化的產(chǎn)物，將其應(yīng)用于中文排版中會產(chǎn)生一些偏差，當(dāng)前國內(nèi)在應(yīng)用網(wǎng)格系統(tǒng)時只是對網(wǎng)格系統(tǒng)進行簡單的模仿與套用，還停留在比較表面的階段，沒有理解網(wǎng)格系統(tǒng)中理性思維的內(nèi)涵所在。

本課題透過網(wǎng)格系統(tǒng)手法的靈活運用來控制版面中的視覺元素從而構(gòu)建出一種整潔有序，清晰明了的版面，清楚地表達(dá)書籍視覺元素的邏輯關(guān)系，以網(wǎng)格系統(tǒng)為根基，通過合理運用科學(xué)的比例關(guān)系來創(chuàng)新變化網(wǎng)格的空間布局，在書籍的版式中做到將內(nèi)容與形式相統(tǒng)一。

二、建立網(wǎng)格系統(tǒng)來統(tǒng)一規(guī)范視覺元素，構(gòu)建秩序之美的骨架

運用網(wǎng)格系統(tǒng)手法來達(dá)到版面的創(chuàng)新變化，使版式與書籍內(nèi)容主題相契合，并使書籍整體產(chǎn)生統(tǒng)一的秩序性和邏輯性。網(wǎng)格系統(tǒng)作為一種掌控形式的規(guī)則，十分適合于書籍版式設(shè)計中的布局編排。合理客觀的編排版面中的視覺元素來達(dá)到體系化與規(guī)律化的版面形式，規(guī)范化和清晰化的表明文字間的層級關(guān)系，以一種簡單理性的方式去布局二維空間中的圖片，用客觀的角度來表達(dá)書籍內(nèi)容的主題。網(wǎng)格系統(tǒng)同樣可以應(yīng)用于書籍的封面設(shè)計，通過建立符合邏輯美感的比例關(guān)系網(wǎng)格來制作出與內(nèi)文版面相契合的書籍封面最終統(tǒng)一整本書籍的秩序，為書籍帶來強大的視覺張力。

網(wǎng)格系統(tǒng)是一種通過的水平垂直線條構(gòu)建的網(wǎng)格線框來創(chuàng)作出秩序的設(shè)計工具，二戰(zhàn)后許多平面設(shè)計師受到新現(xiàn)代主義思想的影響。開始對傳統(tǒng)頁面的布局產(chǎn)生質(zhì)疑，他們開始設(shè)計一個靈活的系統(tǒng)，能夠幫助設(shè)計師實現(xiàn)組織版面的一致性，由此產(chǎn)生了適應(yīng)國際主義風(fēng)格的版面編排手法。網(wǎng)格系統(tǒng)有助于根據(jù)排序的列和行對齊頁面元素，我們使用這種基于列的結(jié)構(gòu)在整個設(shè)計中以一致的方式放置文本和圖像。每一個元素都有我們可以立即看到并在其他地方重復(fù)出現(xiàn)的位置。網(wǎng)格系統(tǒng)正如地圖中的經(jīng)緯線、島嶼、城鎮(zhèn)和湖泊將出現(xiàn)在地圖的精確坐標(biāo)之上，它們將始終出現(xiàn)在其他地圖上的相同位置。如果沒有網(wǎng)格系統(tǒng)，版面中的視覺元素就會陷入混亂，并將我們困在尋找秩序之美的道路上。

網(wǎng)格系統(tǒng)通過數(shù)學(xué)邏輯建立了堅實可靠的網(wǎng)格，其規(guī)范化、條理化版面中的視覺元素充分顯示出了網(wǎng)格的秩序美感。網(wǎng)格系統(tǒng)中充滿了嚴(yán)謹(jǐn)?shù)臄?shù)理關(guān)系，通過諸如黃金分割比例來進行制作的版面布局可以為作品帶來滿足人類深層次精神需求的秩序感受。約瑟夫·米勒·布魯克曼（Josef Muller-Brockmann）對網(wǎng)格的優(yōu)越性總結(jié)說：“網(wǎng)格使得所有的設(shè)計因素——字體、圖片、美術(shù)之間的協(xié)調(diào)一致成為可能。網(wǎng)格設(shè)計就是把秩序引入設(shè)計中的一種方法”。

三、網(wǎng)格系統(tǒng)的分類及規(guī)律

網(wǎng)格系統(tǒng)在書籍設(shè)計中的基本類型其實質(zhì)上是針對于書籍版面中版心使用網(wǎng)格分割成為不同的區(qū)塊空間，大致可以分為三種類型：通欄式網(wǎng)格、分欄式網(wǎng)格、模塊化網(wǎng)格。

通欄式網(wǎng)格是網(wǎng)格系統(tǒng)中最為基礎(chǔ)的一種網(wǎng)格類型，只有一個矩形區(qū)域，非常適合編排大量的文字信息。通欄式網(wǎng)格雖然結(jié)構(gòu)單一，卻對頁邊距的設(shè)置極為考究，通過充滿比例感的頁邊距設(shè)置，可以使得版面中的信息元素處于一個相對于整個版面較為舒適的位置。諸如頁眉、頁腳、頁碼等細(xì)節(jié)在通欄式網(wǎng)格中的位置布局也需要與版心矩形產(chǎn)生比例關(guān)系與位置關(guān)系，比如與版心中的視覺元素相對齊或者居于版心的中軸線等，這些細(xì)節(jié)的掌控會讓版面整體充溢著張力感與邏輯感。

分欄式網(wǎng)格是較為靈活的網(wǎng)格系統(tǒng)，可以靈活的進行圖文編排，根據(jù)不同的開本大小與圖文信息，可以自由地選擇兩欄、三欄、四欄進行版面布局。但是需要注意的是隨著欄數(shù)的增加，欄寬與欄間距也需要根據(jù)比例關(guān)系做出適當(dāng)?shù)恼{(diào)整。欄寬影響著字號的大小，如果欄寬很窄就會造成閱讀時快速的回行，影響閱讀的舒適性，在實際案例中分欄方式要綜合版面的布局需求來進行抉擇。

模塊化網(wǎng)格是網(wǎng)格系統(tǒng)中最為復(fù)雜的網(wǎng)格類型，但其實質(zhì)上是由分欄式網(wǎng)格進行大量橫向網(wǎng)線的劃分而組成的。被劃分的每個單元網(wǎng)格都是等份的，而且每個單元網(wǎng)格之間都留有一個空白間隔，這個空白間隔往往是通過計算而得出的一個文本行高度的狹長空白區(qū)域。單元網(wǎng)格承載著版面中的信息元素，所以單元網(wǎng)格的尺寸往往是受信息元素所制約的。在以文字為主的版面編排中，單元網(wǎng)格的寬度便會受到單行文字的數(shù)量影響。在以圖片為主的版面編排中，單元網(wǎng)格的比例就會依據(jù)圖片的尺寸進行適當(dāng)修改。而在圖文混排的情況下，單元網(wǎng)格的尺寸就需要通過版面上的所有視覺元素進行綜合考量，這個過程也許會花費非常多的時間，但是卻非常值得，因為這些會影響到書籍最終的呈現(xiàn)。

在模塊化網(wǎng)格系統(tǒng)中，二維空間被分割成更小的單元網(wǎng)格。這些小的單元網(wǎng)格構(gòu)建出了充滿秩序感與紀(jì)律感的空間結(jié)構(gòu)，通過這些分割出來的單元網(wǎng)格，能夠快速的處理版面中的各種視覺元素。這些單元網(wǎng)格可以進行水平設(shè)計，也可以進行垂直設(shè)計，靈活多變的組合變化為版面編排提供了更加有效的處理方式，依據(jù)合理的形式美法則來綜合運用，便能創(chuàng)作出秩序統(tǒng)一的版面編排，如這種簡單的方式便能夠使我們理性的組織二維空間并控制視覺元素。

四、結(jié)語

網(wǎng)格系統(tǒng)是本次研究的基礎(chǔ)，其作為優(yōu)秀的控制形式的方法，令人以一種特殊的視角和視覺感受來把握整體的設(shè)計方向，開拓了設(shè)計思維與傳達(dá)了設(shè)計態(tài)度。使信息通過清晰明了的視覺邏輯來進行有效傳達(dá)，在秩序與邏輯的基礎(chǔ)之上來滿足讀者的深層次精神需求。

通過構(gòu)建與運用網(wǎng)格系統(tǒng)時的研究與實踐反映出了網(wǎng)格系統(tǒng)是一個極其優(yōu)秀的控制形式的方法，通過網(wǎng)格系統(tǒng)的運用可以極大地規(guī)范化與紀(jì)律化書籍內(nèi)部的視覺元素，快捷的處理信息之間的層級關(guān)系，系統(tǒng)性與邏輯性的掌控文本與圖片的節(jié)奏關(guān)系，并運用經(jīng)典的數(shù)學(xué)比例來控制整體版面的布局，使用網(wǎng)格系統(tǒng)不僅可以為書籍內(nèi)容進行系統(tǒng)性的編排與布局，也能夠為書籍封面設(shè)計提供堅實的設(shè)計依據(jù)，網(wǎng)格系統(tǒng)在書籍版式設(shè)計中的靈活運用不僅能夠表達(dá)書籍的意蘊空間也能夠強化書籍整體的秩序美感。

【參考文獻】

[1] [瑞士]約瑟夫·米勒-布羅克曼.平面設(shè)計中的網(wǎng)格系統(tǒng)[M].上海：上海人民美術(shù)出版社，2016.

[2] [美]金伯利·伊拉姆.設(shè)計幾何學(xué)—關(guān)于比例和構(gòu)成的研究[M].北京：國家水利出版社，2003.

[3] 呂敬人.書藝問道─中青年新世紀(jì)高等院校設(shè)計教材[M].北京：中國青年出版社，2006.

[4] [日]原研哉.設(shè)計中的設(shè)計[M].桂林：廣西師范大學(xué)出版社，2010.