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

王文婷 成都大學(xué)

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

網(wǎng)格，顧名思義，柵格狀，有橫豎線、有經(jīng)緯線體現(xiàn)在平面系統(tǒng)中，而在版面中則是在固有的網(wǎng)格系統(tǒng)中添加圖形與文字。當(dāng)然，網(wǎng)格系統(tǒng)被用在設(shè)計(jì)的各個(gè)領(lǐng)域，如網(wǎng)頁設(shè)計(jì)、字體設(shè)計(jì)、標(biāo)志設(shè)計(jì)、版式設(shè)計(jì)以及產(chǎn)品設(shè)計(jì)等。一個(gè)好的設(shè)計(jì)在于能把復(fù)雜變?yōu)楹唵危⒆屍涓哂兄刃蛐??！熬W(wǎng)格是一種將不同尺寸比例的文字、圖片結(jié)合成整齊勻稱的整體的手段，但在最終效果中網(wǎng)格應(yīng)該是被其他圖形主題所覆蓋或隱形的?！蔽覀冏霭媸骄幣攀菫榱俗屧O(shè)計(jì)更具有功能性、更有邏輯性和視覺美感，其目的是為了讀者更能直觀理解信息內(nèi)容。

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

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

二、編排設(shè)計(jì)中的網(wǎng)格

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

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

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

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

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

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

劉曉翔老師把漢字用倍率來表示，并發(fā)現(xiàn)字號(hào)之間神奇的韻律關(guān)系，他指出無論在平面設(shè)計(jì)、還是數(shù)字媒體設(shè)計(jì)等的字號(hào)大小如下：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 為倍率遞進(jìn)；5pt 到12pt，以1pt 為 倍 率 遞 進(jìn)；12pt 到24pt，以2pt 倍率 遞 進(jìn)；24pt 到60pt，以6pt 為 倍 率 遞進(jìn)；60pt 到72pt，以12pt 為 倍 率 遞 進(jìn)。這 些 遞 進(jìn) 倍 率(0.5pt、1pt、2pt、6pt、12pt)之間，又存在0.5pt 的倍率關(guān)系。這就意味著，排列12pt 18 字占用橫向空間與排列8pt 27 字相同，形成不同字號(hào)之間基于倍率的邏輯關(guān)系。當(dāng)然漢字系統(tǒng)不同于西文字系統(tǒng)，而當(dāng)一個(gè)版面中出現(xiàn)不同體例(屬性)的文字，需要靠什么成為一個(gè)統(tǒng)一的系統(tǒng)，也值得我們?nèi)ヌ骄俊?/p>

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

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

五、結(jié)語

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