第二章 Chapter 2
基本原則和「規範」 Basic Principles and ‘Rules’
任何設計的過程都參照了某些特定原則,也許是刻意選擇遵循,或可能存心略過或加以顛覆。整體原則代表著長久以來,設計與排版建構發展出的各式手法。
本節提到的原則,多年來應用在生產賞心悅目、清晰達意──這兩項是每一位平面設計師都要面對的挑戰──的設計。這些原則影響設計過程裡最中心的決策,因為它們為空間分配提供了標準。
設計師對排版設計的基本原則和規範有了概括瞭解,就等於擁有一套經得起考驗的工具,能著手於任何設計問題。更熟悉這些工具後,設計師將開始察覺到契機,有創意地背離原則,或進一步發揮原則。
敘事:閱讀內容 Narrative–What We Read
敘事類型 Types of narrative
設計可能包含明確的敘事,為視覺溝通與個別設計元素帶來意義。敘事透過排版中設計元素的選擇、擺放及順序產生。清楚明白敘事結構,對於成功的設計十分重要。
線性敘事 Linear narrative
線性敘事由刊物的開頭到末尾,一頁一頁順序發展出涵義。
雙線敘事 Dual narrative
當單一作品或頁面上出現超過一件敘事,則稱為雙線敘事,例如傳達政治及環境訊息。征服者威廉於 1066 年成為英國國王,描述此故事的貝葉掛毯(Bayeux Tapestry)即為著名的雙線敘事範例。主畫部分呈現接連發生的歷史事件,掛毯上下緣則說明當時的日常生活狀況。尼可森.貝克(Nicholson Baker)1988 年的著作《夾層》(Mezzanine)是較近代的例子,內容關於一位男子在午休時間的腦中運作。男子腦中大量盤旋的想法,在作品中化為延伸的註腳文字,還經常占據頁面大部分,提供第二組敘事。
閱讀頁面的方式 How We Read a Page
人們會直覺地經由果決掃描圖像或設計,尋找參透閱覽對象的切入點,試著從中擷取資訊。設計師掌握此程序為協助的話,即使相當複雜、內含許多項目的設計,也能引導觀者悠遊其中。
瀏覽頁面 Navigating a page
觀者總會尋覓設計的切入點,求取認識、瞭解的事物投以關注,並藉此事物的指示找到更多資訊。人類受色彩與動態吸引,因此設計師可將設計中的元素作策略性佈置,抓住讀者的注意力。
切入點是供觀者進入設計的途徑,通常位於左上方(A),因為這是我們自然會優先望向的位置。接著眼光將往中央(B)掃過,然後才朝外部(C)尋求資訊。
●動作
所有創作都很自然地擁有動作和節奏變化。電影或樂曲放慢或加快速度時,我們很容易感受得到。電影的節奏改變來自劇情膠著與否、對話起伏及配樂穿插,而設計出版物時也能以同樣的考量進行。書籍的敘事節奏隨章節變更,且能作不同的排版和設計方法調整。出版計劃常使用組版圖,在出版物裁切、折合及修邊前,呈現頁面的順序及位置安排,有助於規劃出版物的節奏。讓文字全部在刊物的前半、圖像擺最後,或是將圖像平均散佈在刊物之中,兩者產生的節奏很不相同。
●節奏
印刷資訊常喜歡有固定節奏,供讀者一路順暢地閱覽。若刊物太乏味,讀者很可能看不下去。排版能在文字中加入間隔,幫助維持讀者的興趣,並供休息暫停,思考接受到的資訊,期待後續發展。
●音樂記譜類比法
如下圖所示,可將刊物規劃成模仿音樂節奏。在這份單純的頁面規劃圖中,白色的文字頁若與彩色的影像頁輪流排列,即形成模擬簡單節奏的重複音調:一二、一二、一二。
根據同樣的原則,也能建立更複雜的視覺韻律。將此重複節拍與對比節拍融合構成複節奏,則如下方呈現的多層示意圖,即使在這樣簡單的頁面規劃圖中,設計也更顯活潑。利用此方法可用來配置特殊的色彩或色調、排放影像,或設計師選擇的其他元素。
第四章 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
留白的運用讓設計得以喘息,有人就形容留白是好設計的肺。留白有助於將目光吸引至被空白所圍繞的元素上,也常指示這項物件的相對重要性。
煉金術還是研究應用?
乍看之下,將物件擺在頁面上似乎是相對簡單的工作,不需要太多思考,只要手眼還算協調,再有一點判斷力就好。
操作得當的排版設計也許看起來乾淨協調,好像沒花什麼力氣就完成了。然而,在建立意義和秩序的同時,還要製作出讀起來誘人又有趣的東西,這任務可能極度耗神費力。網格能指引元素的擺放,使設計師的工作輕鬆些,但網格的存在不是為了阻礙或規範創意。