從心所欲，不逾矩

王磊

[摘 要]文章主要介紹作者在書籍設計的教學實踐中通過“網格設計的基礎與重組”和“閱讀聲音”這兩個訓練方法，引導學生認識書籍內頁版面“秩序”的構造規律，探究書籍內頁版式的設計思路和方法，以使學生逐步建立書籍版面設計的整體性意識，提升實現設計功能需求的能力和審美素養。

[關鍵詞]書籍設計;視覺秩序;網格設計;閱讀體驗

[中圖分類號] G642 [文獻標識碼] A [文章編號] 2095-3437（2019）09-0027-03

書籍作為傳統的閱讀媒介和信息載體，其價值首先體現在能夠承載信息、提供閱讀。只有當信息內容以一種可讀的“秩序”關系呈現時，讀者才能從中獲得可感知的信息，并在逐步感知的過程中體驗書籍這一信息載體所營造的美感。因此，書籍設計從本質上講是建立在某種“秩序”構造基礎之上的形態轉換[1]，而書籍設計教學的核心則是通過顯現版面“秩序”構造的認知過程來培養學生的設計能力和意識。離開這一點，書籍設計及教學將陷于迷津。在本文中，筆者以本科三年級書籍設計課程教學為立足點，設計了兩個環節的內頁版面編排課題訓練，對如何幫助學生認知版面秩序規律與強化版面秩序構造進行了一些探索和嘗試。

一、課題訓練的分類及目的

課題訓練分為兩個階段，一個是網格設計的基礎與重組（12課時），另一個是“閱讀聲音”訓練（16課時）。前者規范信息在視覺上的秩序感，讓讀者方便、清晰地獲知內容，實現書籍的“易讀”功能。后者強調信息通過視覺秩序所營造的形式美感及反映出的心理感受，實現書籍的“可讀”體驗。這兩種途徑在訓練中既相互滲透又有各自表現的特點。課題訓練要引導學生關注書籍內頁的版面設計，學習構建書籍信息內容秩序框架的方法，實現兼顧功能與形式以讓內文版式與書籍內涵相契的設計目的。面對紛繁復雜的設計理論和設計風格，在學生沒有形成正確價值觀及設計責任感之前，教師要幫助學生樹立正確的書籍設計觀念，回歸書籍閱讀本質。

二、課題訓練的實施

（一）“易讀”的網格設計訓練

網格設計作為書籍版面編排中的重要工具，“一方面，借由隱藏于版面之下的網格系統營造出讀者不易覺察的內在秩序，讓讀者專注于內容;另一方面，以網格系統為框架，在統一秩序中制造有意識的變化或偏離，以引發視覺顯著點來吸引讀者的注意力，并呈現信息的高潮，創造統一中的多樣性”[2]。基于此，筆者在教學過程中分步驟將網格設計拆分開來，希望學生建立正確的網格設計思路，逐步掌握網格劃分規律，有能力創建統一秩序下的動態性網格版面。

1.構思

在書籍內容和設計者思維方式等多種因素的公共支配下，網格在形式上呈現出千變萬化的效果。因此在構思階段要做好以下工作：①要求學生深入了解書籍的內容、設計要求達到的目的和預期效果以及讀者的閱讀習慣。②把所有的設計因子提煉到一個可預見的設計方案上來，本著形式服務于功能的原則，從多種網格形式中選擇一種最為合適的、能夠適用廣泛的視覺元素的結構類型。

2.確定開本和版心

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

3.勾畫草圖

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

4.網格重組訓練

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

5.注入內容

在網格系統的規范下注入書籍內容。根據書籍類型特征選擇合適的字體、字號，在3mm×3mm的基礎單元格的參照下控制好字間距與行間距，從整體上確保文字內容的疏密得當。無論文字還是圖片信息，要求學生一定要將其控制在設計好的網格范圍內，切忌強行出格，以保證網格的定位作用。通過網格訓練，將一切設計元素都置于網格的規劃之下，用虛擬的框架結構支撐形成一個完整的連貫的閱讀體系，使學生能夠理性地去思考書籍信息的載體作用，明確閱讀功能與秩序性之間的天然聯系。

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

在特殊頁面，該同學在原有的網格劃分基礎上采取了對內頁網格中的版心區域先進行分割，再以橫向錯位的方法，把正常位置上放置的文字或圖片移到其他預料之外的位置，錯動的位置內容使版面秩序有了很大變化，甚至會使內容發生重疊，但更能表達出空間感和層次感，讓信息繼續保持可識別性，同時讓讀者增添對閱讀內容和設計者的情感理解。這樣一來，整本書籍內頁在網格版式的規劃下，既可以實現信息的視覺秩序連貫，又能最大限度地體現動態變化的特點，即通過引發視覺顯著點來吸引讀者的注意力，創造統一中的多樣性。

（二）重在“可讀”的“閱讀聲音”訓練

如果說書籍網格設計訓練是培養學生理性思維下的版面秩序組織能力的話，那么“閱讀聲音”則是具備了自有版式風格的實驗性特征。雖然偏離了現代主義所標榜的功能性原則，但與網格版面相比，“自由版面未必是最‘易讀但卻是最“可讀”的”[3]，增添了讀者對書籍全新的閱讀體驗。

“閱讀聲音”訓練是讓學生通過聆聽音樂，并根據自己對音樂氣氛和節奏的理解，用不同的工具在全開紙上進行描繪，將聽覺音符轉換成可視的點、線、面，即由聲音換成視覺圖形。隨后將全開紙進行多次折疊、裁切，制成不同開本的書籍。折疊后的每一面都能產生意想不到的視覺效果。然后根據頁面圖形與空間的特征注入恰如其分的文本或者詩句，力求造就書籍閱讀的隱性心理秩序。

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

三、課題訓練效果

立足于閱讀的書籍版面秩序構造教學訓練，使學生感知到書籍內頁版面元素之間連接、組合的多種可能途徑，跳出傳統書籍認知的慣性，逐步建立起學生在“秩序”構造基礎之上的形態轉換意識。首先，這種“秩序”在作業形式表現上可能是顯性的，也可能是隱性，但在訓練過程中學生對于“秩序”的把握卻是自始至終存在的，這對于學生形成從內而外、系統整體的書籍設計意識具有明顯的促進作用。其次，開啟學生的創造性思維，學會在一般頁面構造框架基礎上以閱讀體驗的方式進行書籍版面元素的空間句法創作，設計中的版面元素不再是機械或中性的構成手段，而成為學生創造生動書籍版面空間情態的媒介。

四、結語

在當前社會發展的進程中，人們的閱讀行為發生了巨大的變化，這為高校的書籍設計教學帶來了挑戰，傳統書籍設計課程的培養方法已經無法滿足當前的人才培養要求，這就需要高校書籍設計教學在目標、內容、方法上不斷打破桎梏，始終秉持“授之以魚，不如授之以漁”的教學理念，培養學生的創新思維能力，強化學生對閱讀行為的理解能力和對視覺信息的控制能力。

[ 注 釋 ]

①典出《論語·為政》，原句為“七十而從心所欲，不逾矩”是說七十歲能隨心所欲而不越出規矩。本文“從心所欲，不逾矩”是指一種自由的設計風格但不超越范圍、規則。

②本文為筆者針對煙臺大學視覺傳達專業三年級學生開設書籍設計課程的教改嘗試，文中圖片均為學生的課程作業。

[ 參 考 文 獻 ]

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

[2] 林鶯.書刊版面秩序構建之網格系統的應用研究[D].汕頭：汕頭大學，2011.

[3] 姚翔宇，蔣杰.編排設計[M].重慶：重慶大學出版社，2007：64.

[責任編輯：龐丹丹]