版式編排中的網(wǎng)格與秩序
——以漢字編排為例

王文婷 成都大學

意大利人Successione di Fibonacci 通過對兔子繁殖現(xiàn)象的觀察，發(fā)現(xiàn)最為和諧的比例來自于費氏數(shù)列，而這早已經存在于自然之中，如：向日葵的種子排列；海洋中常見的鸚鵡螺；人的臂展等于身高……費波那契用自己的“發(fā)現(xiàn)”證明了造物主的偉大，因此，也可以說這個來自于自然的數(shù)列，就如同構成生命的DNA，是造物主偉大的創(chuàng)造。將斐波那契數(shù)列應用在版式編排設計中，結合網(wǎng)格系統(tǒng)定會給讀者帶來和諧，舒適的閱讀感受。

網(wǎng)格，顧名思義，柵格狀，有橫豎線、有經緯線體現(xiàn)在平面系統(tǒng)中，而在版面中則是在固有的網(wǎng)格系統(tǒng)中添加圖形與文字。當然，網(wǎng)格系統(tǒng)被用在設計的各個領域，如網(wǎng)頁設計、字體設計、標志設計、版式設計以及產品設計等。一個好的設計在于能把復雜變?yōu)楹唵危⒆屍涓哂兄刃蛐浴！熬W(wǎng)格是一種將不同尺寸比例的文字、圖片結合成整齊勻稱的整體的手段，但在最終效果中網(wǎng)格應該是被其他圖形主題所覆蓋或隱形的。”我們做版式編排是為了讓設計更具有功能性、更有邏輯性和視覺美感，其目的是為了讀者更能直觀理解信息內容。

一、網(wǎng)格系統(tǒng)的發(fā)展

網(wǎng)格系統(tǒng)也被翻譯成柵格系統(tǒng)，英文為“grid systems”，網(wǎng)格系統(tǒng)的前身要算人類對比例的探索，公元前20世紀到公元前16世紀的史前巨石柱就記載了1：0.618比例的黃金矩形的運用。從古希臘著名雕塑斷臂維納斯及太陽神阿波羅的完美比例、達芬奇畫像的黃金分割點、再到金字塔，巴特農神廟等都在追尋黃金分割的極致之美。而現(xiàn)代網(wǎng)格原理是在第二次世界大戰(zhàn)后的瑞士得到發(fā)展和應用的。在20世紀40年代后期，第一次出現(xiàn)了使用網(wǎng)格作為輔助設計的工具。這種趨勢體現(xiàn)在做設計的時候嚴格遵循網(wǎng)格設計原理，用規(guī)定來約束編排文本和插圖。20世紀60年代，瑞士設計師約瑟夫·米勒-布洛克曼系統(tǒng)地提出了網(wǎng)格體系，成為影響世界的瑞士“客觀排版設計”(Objective Typography and Design)非常重要的組成。20年后，布洛克曼影響深遠的著作《平面設計中的網(wǎng)格系統(tǒng)》用德語、英語兩種語言相對照的形式出版，再后30 余年，中文版出版，為平面排版提供了“盡可能利用版面中的資源來達到秩序與經濟的最大可能性”。

二、編排設計中的網(wǎng)格

網(wǎng)格是將平面二維版面劃分為單元網(wǎng)格，或者是將三維空間劃分成單元模塊。這些單元網(wǎng)格的高度相當于文本的整行數(shù)，寬度與文本欄的寬度相當。這些高度與寬度則是版式編排中特有的單位，點(磅)數(shù)(points)和西塞羅(ciceros)。網(wǎng)格中的單元格之間會有一定的空間，這樣就保證了圖片或者文本之間不受干擾，能保證易讀性，同時又兼具留白的效果。而正是這樣的空間讓版面劃分成無數(shù)的單元網(wǎng)格，可以讓文本、圖片、元素設計這些視覺元素統(tǒng)一在標準網(wǎng)格中，并適應網(wǎng)格的統(tǒng)一布局。同時可以將小的單元網(wǎng)格組合成更大的單元網(wǎng)格，而這些單元網(wǎng)格之間通過層級關系建立聯(lián)系，讓整個版面顯得有層次感和邏輯感。只要我們能夠合理的組合單元網(wǎng)格，那么版面中的視覺信息就能形成某種統(tǒng)一的關系。

我們可以說網(wǎng)格系統(tǒng)提供了一種更為簡單的方式來理性地組織二維和三維空間，讓版面或者空間有畫面層級關系。簡而言之，在如今的媒體載體中，體現(xiàn)在如網(wǎng)頁基本分欄、微信公眾號的頁面分欄和APP 的界面操作系統(tǒng)。總之，網(wǎng)格在編排設計中的作用是可以通過系統(tǒng)和邏輯地構建文本和插圖類模塊，能解決如何在緊湊的空間中根據(jù)文本和插圖的特點建立層級關系。

三、網(wǎng)格在漢字編排中的秩序——由倍率構建

現(xiàn)代設計從西方引入東方，我們大多遵循西方設計基礎作為基本的設計方法論，然而在版式編排中，我們通常與漢字打交道，漢字編排在平時的設計中就顯得尤為重要。網(wǎng)格系統(tǒng)的建立在于將信息傳遞納入秩序之中，同時，美比嚴格按網(wǎng)格排列重要。

正方形的漢字非常適合縱橫雙方向的精準排列，這是漢字與網(wǎng)格的“誕生”地瑞士所使用的西文系統(tǒng)最大的區(qū)別。因此，可以將漢字成倍率地無限縮小或放大，構建屬于漢字的、可以用數(shù)字描述的三維網(wǎng)格矩陣。

從劉曉翔老師《由一個字到一本書——漢字排版》一書中得到任何字號都可以作為倍率(系數(shù))的基本單位，選擇時主要依據(jù)文本的屬性和倍率是否易于計算，如：藝術類書籍用1.5pt 作為倍率，1.5×4，6pt 適合作為圖注說明；1.5×5，7.5pt 可以用于注釋；1.5×6，9pt則可以作為正文。文學類書籍用1.5pt 作為倍率，1.5×7，10.5pt 的正文字號會非常適合閱讀。以此類推，不同的文本屬性都可以得到適合它的符合1.5pt 倍率的字號。既然是由倍率組成的網(wǎng)格，那么2pt或者3pt，甚至任何單位都可以依據(jù)倍率來設計出一個編排系統(tǒng)，我們則需要考慮是哪個倍率更適合作為這個文本的系統(tǒng)基點。更重要的是，這些不同的字號由倍率聯(lián)系在一起，形成可以看到的，如：7.5pt文字、15pt 行距4 行(60pt)，與6pt 文字、12pt 行距5 行(60pt)占用相同的縱向空間；7.5pt 文字、24 字(180pt)，與6pt 文字、30字(180pt)占用相同的橫向空間；倍率使不同字號的相同字體、等倍率行距所排列出清晰的閱讀邏輯。看不到的、內在的倍率關系把不同的字號聯(lián)系起來，感性地排列它，會讓文本在靜止的版面上表現(xiàn)出律動的視覺感受。

劉曉翔老師把漢字用倍率來表示，并發(fā)現(xiàn)字號之間神奇的韻律關系，他指出無論在平面設計、還是數(shù)字媒體設計等的字號大小如下：1pt、1.5pt、2pt、2.5pt、3pt、3.5pt、4pt、4.5pt、5pt、6pt、7pt、8pt、9pt、10pt、11pt、12pt、14pt、16pt、18pt、20pt、22pt、24pt、30pt、36pt、42pt、48pt、54pt、60pt、72pt，從1pt 到5pt 以0.5pt 為倍率遞進；5pt 到12pt，以1pt 為 倍 率 遞 進；12pt 到24pt，以2pt 倍率 遞 進；24pt 到60pt，以6pt 為 倍 率 遞進；60pt 到72pt，以12pt 為 倍 率 遞 進。這 些 遞 進 倍 率(0.5pt、1pt、2pt、6pt、12pt)之間，又存在0.5pt 的倍率關系。這就意味著，排列12pt 18 字占用橫向空間與排列8pt 27 字相同，形成不同字號之間基于倍率的邏輯關系。當然漢字系統(tǒng)不同于西文字系統(tǒng)，而當一個版面中出現(xiàn)不同體例(屬性)的文字，需要靠什么成為一個統(tǒng)一的系統(tǒng)，也值得我們去探究。

四、網(wǎng)格能帶來的秩序

在版面設計中我們通常會遇到處理文字層級信息，如何讓文本能有秩序感和邏輯感則需要通過網(wǎng)格來規(guī)范整個畫面。在使用網(wǎng)格前，需要設計師先通過對設計信息進行處理——信息編輯設計。信息設計的過程是設計師對文字進行深刻理解，創(chuàng)造出有利于文本的傳達，提高文本信息傳達效率性，其意義在于：重新梳理文本信息的層級關系，使得信息更適合受眾接受，這里的梳理不是對版式的美化，而是深入解讀文本并注入主觀想法，提升文本的閱讀性。結合文字的倍率關系，文本之間的層級同樣可以使用倍率，同樣6pt、9pt、12pt 之間的文本段落依然遵循1.5 倍關系，依次對應如：注釋、正文和標題。文本的秩序美通過位置、大小以及留白來展現(xiàn)，這就是版面中通過層級關系帶來和諧的秩序。在設定網(wǎng)格的過程給了每一個文本或圖形構成相對準確的位置和大小，那些不斷重復的比例與韻律，帶來一種理性之美。我們梳理清楚文本之間的層級關系提升文字層級順序表現(xiàn)力，通過網(wǎng)格處理文本層級關系很顯然能讓整個版面更清爽，傳達更直接。由此可見，網(wǎng)格是一種把秩序之美引入設計的一種規(guī)范操作，規(guī)范文本信息和圖形元素。網(wǎng)格能使所有的設計元素在整個版面中協(xié)調、一致。運用一定的數(shù)學比例關系使版面在節(jié)奏變化中產生邏輯性、秩序感。

五、結語

綜上所述，版式編排在如今的媒體載體中發(fā)生著微妙的變化，但依然可以用網(wǎng)格規(guī)律去建立秩序。漢字作為大量的文本出現(xiàn)在版式編排中，如何高效的輸出，需結合媒介的可變性進行調整，區(qū)分不同類別的信息，建立文本層級關系，而其目的是提升閱讀體驗感。