從心所欲，不逾矩

王磊

[摘 要]文章主要介紹作者在書(shū)籍設(shè)計(jì)的教學(xué)實(shí)踐中通過(guò)“網(wǎng)格設(shè)計(jì)的基礎(chǔ)與重組”和“閱讀聲音”這兩個(gè)訓(xùn)練方法，引導(dǎo)學(xué)生認(rèn)識(shí)書(shū)籍內(nèi)頁(yè)版面“秩序”的構(gòu)造規(guī)律，探究書(shū)籍內(nèi)頁(yè)版式的設(shè)計(jì)思路和方法，以使學(xué)生逐步建立書(shū)籍版面設(shè)計(jì)的整體性意識(shí)，提升實(shí)現(xiàn)設(shè)計(jì)功能需求的能力和審美素養(yǎng)。

[關(guān)鍵詞]書(shū)籍設(shè)計(jì);視覺(jué)秩序;網(wǎng)格設(shè)計(jì);閱讀體驗(yàn)

[中圖分類(lèi)號(hào)] G642 [文獻(xiàn)標(biāo)識(shí)碼] A [文章編號(hào)] 2095-3437（2019）09-0027-03

書(shū)籍作為傳統(tǒng)的閱讀媒介和信息載體，其價(jià)值首先體現(xiàn)在能夠承載信息、提供閱讀。只有當(dāng)信息內(nèi)容以一種可讀的“秩序”關(guān)系呈現(xiàn)時(shí)，讀者才能從中獲得可感知的信息，并在逐步感知的過(guò)程中體驗(yàn)書(shū)籍這一信息載體所營(yíng)造的美感。因此，書(shū)籍設(shè)計(jì)從本質(zhì)上講是建立在某種“秩序”構(gòu)造基礎(chǔ)之上的形態(tài)轉(zhuǎn)換[1]，而書(shū)籍設(shè)計(jì)教學(xué)的核心則是通過(guò)顯現(xiàn)版面“秩序”構(gòu)造的認(rèn)知過(guò)程來(lái)培養(yǎng)學(xué)生的設(shè)計(jì)能力和意識(shí)。離開(kāi)這一點(diǎn)，書(shū)籍設(shè)計(jì)及教學(xué)將陷于迷津。在本文中，筆者以本科三年級(jí)書(shū)籍設(shè)計(jì)課程教學(xué)為立足點(diǎn)，設(shè)計(jì)了兩個(gè)環(huán)節(jié)的內(nèi)頁(yè)版面編排課題訓(xùn)練，對(duì)如何幫助學(xué)生認(rèn)知版面秩序規(guī)律與強(qiáng)化版面秩序構(gòu)造進(jìn)行了一些探索和嘗試。

一、課題訓(xùn)練的分類(lèi)及目的

課題訓(xùn)練分為兩個(gè)階段，一個(gè)是網(wǎng)格設(shè)計(jì)的基礎(chǔ)與重組（12課時(shí)），另一個(gè)是“閱讀聲音”訓(xùn)練（16課時(shí)）。前者規(guī)范信息在視覺(jué)上的秩序感，讓讀者方便、清晰地獲知內(nèi)容，實(shí)現(xiàn)書(shū)籍的“易讀”功能。后者強(qiáng)調(diào)信息通過(guò)視覺(jué)秩序所營(yíng)造的形式美感及反映出的心理感受，實(shí)現(xiàn)書(shū)籍的“可讀”體驗(yàn)。這兩種途徑在訓(xùn)練中既相互滲透又有各自表現(xiàn)的特點(diǎn)。課題訓(xùn)練要引導(dǎo)學(xué)生關(guān)注書(shū)籍內(nèi)頁(yè)的版面設(shè)計(jì)，學(xué)習(xí)構(gòu)建書(shū)籍信息內(nèi)容秩序框架的方法，實(shí)現(xiàn)兼顧功能與形式以讓內(nèi)文版式與書(shū)籍內(nèi)涵相契的設(shè)計(jì)目的。面對(duì)紛繁復(fù)雜的設(shè)計(jì)理論和設(shè)計(jì)風(fēng)格，在學(xué)生沒(méi)有形成正確價(jià)值觀及設(shè)計(jì)責(zé)任感之前，教師要幫助學(xué)生樹(shù)立正確的書(shū)籍設(shè)計(jì)觀念，回歸書(shū)籍閱讀本質(zhì)。

二、課題訓(xùn)練的實(shí)施

（一）“易讀”的網(wǎng)格設(shè)計(jì)訓(xùn)練

網(wǎng)格設(shè)計(jì)作為書(shū)籍版面編排中的重要工具，“一方面，借由隱藏于版面之下的網(wǎng)格系統(tǒng)營(yíng)造出讀者不易覺(jué)察的內(nèi)在秩序，讓讀者專(zhuān)注于內(nèi)容;另一方面，以網(wǎng)格系統(tǒng)為框架，在統(tǒng)一秩序中制造有意識(shí)的變化或偏離，以引發(fā)視覺(jué)顯著點(diǎn)來(lái)吸引讀者的注意力，并呈現(xiàn)信息的高潮，創(chuàng)造統(tǒng)一中的多樣性”[2]?；诖耍P者在教學(xué)過(guò)程中分步驟將網(wǎng)格設(shè)計(jì)拆分開(kāi)來(lái)，希望學(xué)生建立正確的網(wǎng)格設(shè)計(jì)思路，逐步掌握網(wǎng)格劃分規(guī)律，有能力創(chuàng)建統(tǒng)一秩序下的動(dòng)態(tài)性網(wǎng)格版面。

1.構(gòu)思

在書(shū)籍內(nèi)容和設(shè)計(jì)者思維方式等多種因素的公共支配下，網(wǎng)格在形式上呈現(xiàn)出千變?nèi)f化的效果。因此在構(gòu)思階段要做好以下工作：①要求學(xué)生深入了解書(shū)籍的內(nèi)容、設(shè)計(jì)要求達(dá)到的目的和預(yù)期效果以及讀者的閱讀習(xí)慣。②把所有的設(shè)計(jì)因子提煉到一個(gè)可預(yù)見(jiàn)的設(shè)計(jì)方案上來(lái)，本著形式服務(wù)于功能的原則，從多種網(wǎng)格形式中選擇一種最為合適的、能夠適用廣泛的視覺(jué)元素的結(jié)構(gòu)類(lèi)型。

2.確定開(kāi)本和版心

要求學(xué)生了解書(shū)籍內(nèi)容所包含的元素，研究文本有多長(zhǎng)，獨(dú)立的小文本又有多少，圖片有多少，其他視覺(jué)元素大小等狀況后，對(duì)如何進(jìn)行設(shè)計(jì)有一個(gè)總體設(shè)想和細(xì)節(jié)上的考慮，同時(shí)也對(duì)文字和圖片等元素的整體和局部安排做到心中有數(shù)，以此為基礎(chǔ)設(shè)計(jì)開(kāi)本大小，并確定恰當(dāng)?shù)陌嫘?。版心的大小與書(shū)籍類(lèi)型密切相關(guān)，一般文學(xué)類(lèi)書(shū)籍的版心四周需留約2cm寬度的空白外框，目的是讓讀者閱讀時(shí)避免其眼睛受到四周環(huán)境的干擾。而以圖片為主的書(shū)籍，版心盡可能大一些，邊白比文學(xué)類(lèi)書(shū)籍略小，或不留邊白，把圖片做成出血版，充分利用頁(yè)面空間，凸顯圖片的重要作用。

3.勾畫(huà)草圖

勾畫(huà)草圖的目的是讓學(xué)生把握整體設(shè)計(jì)面貌，以易于迅速和方便地使構(gòu)思具體化。要求學(xué)生勾畫(huà)草圖時(shí)首先通過(guò)設(shè)計(jì)軟件自帶的網(wǎng)格功能，創(chuàng)建規(guī)格為3mm×3mm的基礎(chǔ)單元格。磅值和字號(hào)都是定義字體大小的度量單位，1磅約等于0.35mm，10磅約為3.5mm即小五號(hào)字體的尺寸，所以3mm×3mm的基礎(chǔ)單元格像坐標(biāo)紙的小方格一樣，方便通過(guò)分欄、分塊來(lái)創(chuàng)建中型或大型的網(wǎng)格劃分與組合。然后根據(jù)構(gòu)思階段所確定的網(wǎng)格類(lèi)型，將多個(gè)3mm×3mm的基礎(chǔ)單元格進(jìn)行組合，形成縱向欄狀或方形塊狀的網(wǎng)格框架。圖1是學(xué)生的草圖作業(yè)，這種雙欄8格子的網(wǎng)格可以安排多種大小和形狀不同的圖片，創(chuàng)造多種可能把各種圖片與文字組合在一起。此外，兩欄還可以繼續(xù)再分，使變化更加靈活豐富。在網(wǎng)格定位階段，告訴學(xué)生要網(wǎng)格成塊、橫豎劃分明確，講求規(guī)律秩序，切忌基線不明。

4.網(wǎng)格重組訓(xùn)練

為凸顯版面秩序中的變化，制造統(tǒng)一秩序中有意識(shí)的變化或偏離，我們要求學(xué)生以前期網(wǎng)格草圖作業(yè)為基礎(chǔ)對(duì)規(guī)整的網(wǎng)格進(jìn)行分解，在分解時(shí)只保留最基本的骨架，有時(shí)可以只剩下幾條主軸線，然后將網(wǎng)格版式與自由版式進(jìn)行一些有選擇的嫁接，運(yùn)用文字的大小或位置、圖片的打碎與重組等一些自由版式的設(shè)計(jì)手法，作用在留有主軸線的版面上。如果說(shuō)網(wǎng)格基礎(chǔ)訓(xùn)練所形成的書(shū)籍內(nèi)頁(yè)版面缺乏靈動(dòng)和變化，那么通過(guò)網(wǎng)格重組訓(xùn)練可塑造學(xué)生對(duì)網(wǎng)格系統(tǒng)的深度把控能力，在規(guī)矩與變化之間找到平衡點(diǎn)，真正做到“從心所欲，不逾矩”。

5.注入內(nèi)容

在網(wǎng)格系統(tǒng)的規(guī)范下注入書(shū)籍內(nèi)容。根據(jù)書(shū)籍類(lèi)型特征選擇合適的字體、字號(hào)，在3mm×3mm的基礎(chǔ)單元格的參照下控制好字間距與行間距，從整體上確保文字內(nèi)容的疏密得當(dāng)。無(wú)論文字還是圖片信息，要求學(xué)生一定要將其控制在設(shè)計(jì)好的網(wǎng)格范圍內(nèi)，切忌強(qiáng)行出格，以保證網(wǎng)格的定位作用。通過(guò)網(wǎng)格訓(xùn)練，將一切設(shè)計(jì)元素都置于網(wǎng)格的規(guī)劃之下，用虛擬的框架結(jié)構(gòu)支撐形成一個(gè)完整的連貫的閱讀體系，使學(xué)生能夠理性地去思考書(shū)籍信息的載體作用，明確閱讀功能與秩序性之間的天然聯(lián)系。

比如孫小飛同學(xué)的《膠東民間美術(shù)》書(shū)籍作業(yè)（如圖2），是一本介紹膠東民間美術(shù)作品種類(lèi)的書(shū)籍，以圖片為主，附有說(shuō)明文字。該同學(xué)在設(shè)計(jì)之初采用了16開(kāi)本尺寸，版心采用一欄或兩欄。隨著設(shè)計(jì)工作的深入開(kāi)展，教師適時(shí)地幫助學(xué)生分析、調(diào)整書(shū)目，引導(dǎo)學(xué)生著重關(guān)注讀者閱讀時(shí)的秩序規(guī)律，發(fā)現(xiàn)圖片在版心編排時(shí)可選擇的空間只能是1欄、1/2欄，圖片與文字編排的變化與節(jié)奏略顯不足。當(dāng)圖片與文字各占1/2時(shí)，整個(gè)版面顯得過(guò)于規(guī)整、呆板，削弱了面的感覺(jué)。經(jīng)過(guò)草圖勾畫(huà)階段的反復(fù)推敲，為了讓正文在版式中形成大面積、高明度的灰調(diào)，以調(diào)和圖片的豐富色彩，版心設(shè)計(jì)采取圖片環(huán)繞正文的布局形式，左右頁(yè)邊距為12mm、上邊為18mm、下邊為27mm，版心規(guī)劃為不對(duì)稱(chēng)式雙欄網(wǎng)格框架，正文區(qū)域與圖片區(qū)域之間的間距為3mm。正文區(qū)域根據(jù)需要可再細(xì)分兩欄，按照這樣的網(wǎng)格劃分，圖片位置、大小更加靈活多變。大網(wǎng)格對(duì)版面風(fēng)格進(jìn)行宏觀控制，小網(wǎng)格對(duì)字體、大小、行距、裝飾等元素進(jìn)行微觀限制，使版面設(shè)計(jì)中每一因子都各就各位，全部要素各得其所，復(fù)雜成為單純，繁多歸于統(tǒng)一，從而展示出統(tǒng)一版面秩序構(gòu)造所帶來(lái)的信息連貫性。

在特殊頁(yè)面，該同學(xué)在原有的網(wǎng)格劃分基礎(chǔ)上采取了對(duì)內(nèi)頁(yè)網(wǎng)格中的版心區(qū)域先進(jìn)行分割，再以橫向錯(cuò)位的方法，把正常位置上放置的文字或圖片移到其他預(yù)料之外的位置，錯(cuò)動(dòng)的位置內(nèi)容使版面秩序有了很大變化，甚至?xí)箖?nèi)容發(fā)生重疊，但更能表達(dá)出空間感和層次感，讓信息繼續(xù)保持可識(shí)別性，同時(shí)讓讀者增添對(duì)閱讀內(nèi)容和設(shè)計(jì)者的情感理解。這樣一來(lái)，整本書(shū)籍內(nèi)頁(yè)在網(wǎng)格版式的規(guī)劃下，既可以實(shí)現(xiàn)信息的視覺(jué)秩序連貫，又能最大限度地體現(xiàn)動(dòng)態(tài)變化的特點(diǎn)，即通過(guò)引發(fā)視覺(jué)顯著點(diǎn)來(lái)吸引讀者的注意力，創(chuàng)造統(tǒng)一中的多樣性。

（二）重在“可讀”的“閱讀聲音”訓(xùn)練

如果說(shuō)書(shū)籍網(wǎng)格設(shè)計(jì)訓(xùn)練是培養(yǎng)學(xué)生理性思維下的版面秩序組織能力的話，那么“閱讀聲音”則是具備了自有版式風(fēng)格的實(shí)驗(yàn)性特征。雖然偏離了現(xiàn)代主義所標(biāo)榜的功能性原則，但與網(wǎng)格版面相比，“自由版面未必是最‘易讀但卻是最“可讀”的”[3]，增添了讀者對(duì)書(shū)籍全新的閱讀體驗(yàn)。

“閱讀聲音”訓(xùn)練是讓學(xué)生通過(guò)聆聽(tīng)音樂(lè)，并根據(jù)自己對(duì)音樂(lè)氣氛和節(jié)奏的理解，用不同的工具在全開(kāi)紙上進(jìn)行描繪，將聽(tīng)覺(jué)音符轉(zhuǎn)換成可視的點(diǎn)、線、面，即由聲音換成視覺(jué)圖形。隨后將全開(kāi)紙進(jìn)行多次折疊、裁切，制成不同開(kāi)本的書(shū)籍。折疊后的每一面都能產(chǎn)生意想不到的視覺(jué)效果。然后根據(jù)頁(yè)面圖形與空間的特征注入恰如其分的文本或者詩(shī)句，力求造就書(shū)籍閱讀的隱性心理秩序。

在訓(xùn)練過(guò)程中學(xué)生以個(gè)人為單位，準(zhǔn)備不同性質(zhì)的顏料、畫(huà)筆以及紙張。在同一場(chǎng)所聆聽(tīng)同一首音樂(lè)，音樂(lè)采用純樂(lè)曲類(lèi)型，避免讓歌詞給學(xué)生造成“先入為主”的風(fēng)格印象，因此學(xué)生在聆聽(tīng)時(shí)會(huì)更多地去感受音樂(lè)的旋律和節(jié)奏，這就使繪制的圖形具有明顯的差異性。音樂(lè)響起，學(xué)生跟著音樂(lè)的節(jié)奏書(shū)寫(xiě)，不考慮形態(tài)，只管記錄當(dāng)時(shí)的感受。其意義在于以下幾點(diǎn)：一是由聲音換成視覺(jué)圖形的訓(xùn)練設(shè)計(jì)，突破了傳統(tǒng)的圖形表現(xiàn)訓(xùn)練，豐富了表現(xiàn)手法。二是通過(guò)裁切所形成的圖形形態(tài)雖具有差異性和偶然性，但在統(tǒng)一的形式感控制下，增添了版式秩序訓(xùn)練的趣味性和層次感。比如欒小宇同學(xué)的作業(yè)，是用畫(huà)筆將國(guó)畫(huà)顏料滴落在畫(huà)紙上，根據(jù)聆聽(tīng)音樂(lè)的節(jié)奏抖動(dòng)畫(huà)紙，顏料順勢(shì)流淌，形成由參差不齊、形態(tài)各異的線條帶來(lái)的不同情緒感受，大小不一的墨滴又形成帶有極強(qiáng)構(gòu)成感的“水墨味”。裁切畫(huà)紙，將開(kāi)本大小設(shè)定為180mm×440mm的長(zhǎng)條狀，每一頁(yè)的畫(huà)面通過(guò)裁切形成意想不到的圖形布局，但繪制方式和色彩一致，因此風(fēng)格統(tǒng)一。學(xué)生將《秋之殘荷》的詩(shī)詞注入其中，根據(jù)線型方向自由排列字句，同時(shí)調(diào)整字體大小和色彩，以此呼應(yīng)版面圖形。注入的文本的表意并非唯一功能，視覺(jué)形式和視覺(jué)特征上升為首要目的，被消解的文本通過(guò)在節(jié)奏、位置和韻律上的變化增強(qiáng)了版面的層次感和肌理感，營(yíng)造了版面的“可讀性”亮點(diǎn)。這份作業(yè)在裝訂方式上采用了無(wú)線膠裝與包背裝的結(jié)合，每一頁(yè)既可以翻閱觀看，更能夠拉伸開(kāi)來(lái)，為書(shū)籍帶來(lái)場(chǎng)景化的視覺(jué)效果。變化的圖形在統(tǒng)一的造型方式與文本描述下，又存在于感覺(jué)“秩序”的控制下，不顯突兀，獨(dú)特的版面效果激發(fā)了讀者的興趣和想象能力。

三、課題訓(xùn)練效果

立足于閱讀的書(shū)籍版面秩序構(gòu)造教學(xué)訓(xùn)練，使學(xué)生感知到書(shū)籍內(nèi)頁(yè)版面元素之間連接、組合的多種可能途徑，跳出傳統(tǒng)書(shū)籍認(rèn)知的慣性，逐步建立起學(xué)生在“秩序”構(gòu)造基礎(chǔ)之上的形態(tài)轉(zhuǎn)換意識(shí)。首先，這種“秩序”在作業(yè)形式表現(xiàn)上可能是顯性的，也可能是隱性，但在訓(xùn)練過(guò)程中學(xué)生對(duì)于“秩序”的把握卻是自始至終存在的，這對(duì)于學(xué)生形成從內(nèi)而外、系統(tǒng)整體的書(shū)籍設(shè)計(jì)意識(shí)具有明顯的促進(jìn)作用。其次，開(kāi)啟學(xué)生的創(chuàng)造性思維，學(xué)會(huì)在一般頁(yè)面構(gòu)造框架基礎(chǔ)上以閱讀體驗(yàn)的方式進(jìn)行書(shū)籍版面元素的空間句法創(chuàng)作，設(shè)計(jì)中的版面元素不再是機(jī)械或中性的構(gòu)成手段，而成為學(xué)生創(chuàng)造生動(dòng)書(shū)籍版面空間情態(tài)的媒介。

四、結(jié)語(yǔ)

在當(dāng)前社會(huì)發(fā)展的進(jìn)程中，人們的閱讀行為發(fā)生了巨大的變化，這為高校的書(shū)籍設(shè)計(jì)教學(xué)帶來(lái)了挑戰(zhàn)，傳統(tǒng)書(shū)籍設(shè)計(jì)課程的培養(yǎng)方法已經(jīng)無(wú)法滿足當(dāng)前的人才培養(yǎng)要求，這就需要高校書(shū)籍設(shè)計(jì)教學(xué)在目標(biāo)、內(nèi)容、方法上不斷打破桎梏，始終秉持“授之以魚(yú)，不如授之以漁”的教學(xué)理念，培養(yǎng)學(xué)生的創(chuàng)新思維能力，強(qiáng)化學(xué)生對(duì)閱讀行為的理解能力和對(duì)視覺(jué)信息的控制能力。

[ 注 釋 ]

①典出《論語(yǔ)·為政》，原句為“七十而從心所欲，不逾矩”是說(shuō)七十歲能隨心所欲而不越出規(guī)矩。本文“從心所欲，不逾矩”是指一種自由的設(shè)計(jì)風(fēng)格但不超越范圍、規(guī)則。

②本文為筆者針對(duì)煙臺(tái)大學(xué)視覺(jué)傳達(dá)專(zhuān)業(yè)三年級(jí)學(xué)生開(kāi)設(shè)書(shū)籍設(shè)計(jì)課程的教改嘗試，文中圖片均為學(xué)生的課程作業(yè)。

[ 參 考 文 獻(xiàn) ]

[1] 趙健.隱性構(gòu)造[J].裝飾，2006（3）：10-11.

[2] 林鶯.書(shū)刊版面秩序構(gòu)建之網(wǎng)格系統(tǒng)的應(yīng)用研究[D].汕頭：汕頭大學(xué)，2011.

[3] 姚翔宇，蔣杰.編排設(shè)計(jì)[M].重慶：重慶大學(xué)出版社，2007：64.

[責(zé)任編輯：龐丹丹]