第二章 Chapter 2

基本原則和「規範」 Basic Principles and ‘Rules’

任何設計的過程都參照了某些特定原則，也許是刻意選擇遵循，或可能存心略過或加以顛覆。整體原則代表著長久以來，設計與排版建構發展出的各式手法。

本節提到的原則，多年來應用在生產賞心悅目、清晰達意──這兩項是每一位平面設計師都要面對的挑戰──的設計。這些原則影響設計過程裡最中心的決策，因為它們為空間分配提供了標準。

設計師對排版設計的基本原則和規範有了概括瞭解，就等於擁有一套經得起考驗的工具，能著手於任何設計問題。更熟悉這些工具後，設計師將開始察覺到契機，有創意地背離原則，或進一步發揮原則。

▌敘事：閱讀內容 Narrative–What We Read

●敘事類型 Types of narrative

設計可能包含明確的敘事，為個別設計元素的視覺溝通提供意義。敘事透過排版中設計元素的選擇、擺放及順序產生。清楚明白敘事結構，對於成功的設計十分重要。

‧線性敘事 Linear narrative

線性敘事（Linear narrative）由刊物的開頭到末尾，一頁一頁順序發展出涵義。

‧雙線敘事 Dual narrative

當單一作品或單一頁面上出現超過一件敘事，則稱為雙線敘事（Dual narrative）， 例如傳達政治及環境訊息。征服者威廉（William the Conquerer）於 1066 年成為英國國王，描述此故事的貝葉掛毯（Bayeux Tapestry）即為著名的雙線敘事範例。主畫部分呈現接連發生的歷史事件，掛毯上下緣則說明當時的日常生活狀況。尼可森．貝克（Nicholson Baker）1988 年的著作《夾層》（Mezzanine）是較近代的例子，內容關於一位男子在午休時間的腦中運作。男子腦中大量盤旋的想法，在作品中化為延伸的註腳文字，還經常占據頁面大部分，提供第二組敘事。

▌閱讀頁面的方式 How We Read a Page

人們會直覺地經由果決掃視圖像或設計，尋找能夠參透閱覽對象的切入點，試著從中擷取資訊。設計師若能掌握此程序，即使是相當複雜、內含許多項目的設計，也能協助引導觀者悠遊其中。

●瀏覽頁面 Navigating a page

觀者總會尋覓設計的切入點，對他們認識、瞭解的事物投以關注，並藉此事物的指示找到更多資訊。人類受色彩與動態吸引，因此設計師可將設計中的元素作策略性佈置，抓住讀者的注意力。

切入點是供觀者進入設計的途徑，通常位於左上方（A)，因為這是我們自然會優先望向的位置。接著眼光將往中央（B）掃過，然後才朝外部（C）尋求資訊。

▌節奏 Pace

印刷資訊常喜歡有固定節奏，供讀者一路順暢地閱覽。若刊物太乏味，讀者很可能看不下去。排版能在文字中加入間隔，幫助維持讀者的興趣，並供休息暫停，思考接受到的資訊，期待後續發展。

●動作

所有創作都很自然地擁有動作和節奏變化。電影或樂曲放慢或加快速度時，我們很容易感受得到。電影的節奏改變來自劇情膠著與否、對話起伏及配樂穿插，而設計出版物時也能以同樣的考量進行。書籍的敘事節奏隨章節變更，且能作不同的排版和設計方法調整。出版計劃常使用組版圖，在出版物裁切、折合及修邊前，呈現頁面的順序及位置安排，有助於規劃出版物的節奏。讓文字全部在刊物的前半、圖像擺最後，或是將圖像平均散佈在刊物之中，兩者產生的節奏很不相同。

●音樂記譜類比法

如下圖所示，可將刊物規劃成模仿音樂節奏。在這份單純的頁面規劃圖中，白色的文字頁若與彩色的影像頁輪流排列，即形成模擬簡單節奏的重複音調：一二、一二、一二。

根據同樣的原則，也能建立更複雜的視覺韻律。將此重複節拍與對比節拍融合構成複節奏，則如下方呈現的多層示意圖，即使在這樣簡單的頁面規劃圖中，設計也更顯活潑。利用此方法可用來配置特殊的色彩或色調、排放影像，或設計師選擇的其他元素。

第四章 Chapter 4

頁面上的物件 Objects on a page

物件擺在頁面上的方式，會顯著影響觀者接收與解讀物件的方式以及獲得的訊息。我們已討論如何使用網格引導頁面上元素的安排，但維持秩序感並非排版設計的唯一考量。

物件的擺設，建立自我們對頁面閱覽方式的理解，並有助於形成設計敘事。可藉各式各樣的佈置和調整策略，構築與更改設計敘事，例如留白的使用手法、其他物件的平衡與相對權重、物件的並置或對比等等。

本章將概述物件排列的一些基本操作。

▌版面設計詞彙 The Vocabulary of Layout Design

設計師能藉由廣泛詞彙，將極度隱晦或複雜的想法理念做流暢的視覺描述。

‧鄰近 Proximity

鄰近指的是將元素靠近擺放，建立彼此間的關係。例如將圖說放在圖片附近，就暗示了這段圖說描寫這張圖片。

‧統一 Unity

統一是將藝術作品中互異元素結合在一起，產生大於個別元素總合、一種密不可分的完整性。元素間的搭配性越高，作品呈現的統一感越高。利用鄰近和重複在不同物件間設立關係，有助於建立統一。

‧正列 Alignment

正列表達出設計整體對架構的需求，提供體制讓我們接觸並解讀設計中的資訊。舉例來說，句子如果沒有正列，就會難以閱讀，頂多是一團字母。正列形成結構，讓設計師引導讀者或觀者瀏覽設計作品。

‧對比 Contrast

對比意指排列設計中的不同元素，令相對處變得明顯。對比的使用為設計添加形體、構造和活力，還可能產生動態張力。

‧階層 Hierarchy

階層表示設計元素重要性的排序呈現，可能依大小、間隔或顏色決定。

‧平衡與張力 Balance and tension

藉由各設計元素間的平衡，可達到不同程度的和諧或衝突。一般來說，設計師希望建立平衡，使影像和文字幾乎天衣無縫地配合，但目標並不永遠如此，更戲劇化的表達也是可行。

‧並置 Juxtaposition

將展現不同理念或觀點的元素相鄰擺放，便在其間構建出別種方式難以傳達的強烈連結。

‧持續或重複 Consistency or repetition

重複會強化傳遞的訊息，顯示此資訊很重要。持續使用視覺元素如標記等，也會加強訊息，因為讀者不需重新解讀。一旦讀者熟悉了影像或訊息，下次再看到時多半會自動做出連結。

‧留白 White space

留白的運用讓設計得以喘息，有人就形容留白是好設計的肺。留白有助於將目光吸引至被空白所圍繞的元素上，也常指示這項物件的相對重要性。

▌煉金術還是研究應用？ Alchemy or Studied Application?

乍看之下，將物件擺在頁面上似乎是相對簡單的工作，不需要太多思考，只要手眼還算協調，再有一點判斷力就好。

操作得當的排版設計也許看起來乾淨協調，好像沒花什麼力氣就完成了。然而，在建立意義和秩序的同時，還要製作出讀起來誘人又有趣的東西，這任務可能極度耗神費力。網格能指引元素的擺放，使設計師的工作輕鬆些，但網格的存在不是為了阻礙或規範創意。