版面編排應用:點、線、面(下)

點線面-下-cover

 

連載來到最後一篇。當設計師已熟稔文字編排的各個細部訣竅後,接下來,就要從版面的整體層面來思考。不論是紙本雜誌、書刊,還是數位時代的虛擬媒體,只有把握好這些基礎技藝,才有可能進而發展出獨特的個人風格。

──面版面基本單位:字

八、盤文的禁忌
並非所有的標符都不能放在句首或句尾,而要以「句子+標符」為完整單位的概念來表現。如果標符是表示暫歇或與下一個句子的區隔,如「:;、,。」等,那麼這些符號就應該緊隨著前面的句子,不能單獨出現在句首,以「句子+標符」為完整單位。

circle-點線面-下-1

 

成雙標符不落單──例如「」、『』、()、《》,這幾組符號如果單獨置於句尾或句首都會顯得孤單而突兀,與被包覆的文字關係遙遠,或許不是語義上的錯誤,但仍然應盡量避免。circle-點線面-下-2

數字不折行──文字數字出現時,無論是英數或漢字,都要連同單位名稱,連續、完整地呈現。最常出現問題的是直排的中文數字,尤其是跟金融財務有關的報導中,例如:一八〇倍、三‧ 八%、二〇一五年、二十一世紀……等。一致性是基本的原則。

小心文字「川流」──無論漢字或西文的內文,留白空間連續三行出現在同一個位置、或是太相近呈階梯狀,會造成穿越行與行間、破壞瀏覽方向的「川流」(type river),除了影響到閱讀理解能力與線性導覽,也破壞文字塊灰度的完整與均勻,形成視覺上的斑駁破洞。

circle-點線面-下-3

 

避免孤寡的悲劇──以單字結束段落、開頁為段落的末行,或是頁面結尾為段落的首行,下圖中的這些落單淒涼的視覺悲劇都要避免。circle-點線面-下-4

──頁物件的互動與對應:頁面

九、頁面整體處理
版面尺寸──設計版面首先要決定頁面規格。決定尺寸比例的關鍵根據內容屬性;某些尺寸規格有特殊的文化連結或聯想,也可以被考慮進去。再來需考慮功能上及務實面的條件,如方便拿取攜帶與否、頁數多寡、經濟尺寸等等。以定期刊物或是多欄位的出版品來說,大部分會設定在A4上下或更大開本,才有足夠的空間容納文字、圖片以及恰當的留白;而單一欄位為主的書籍則通常是較小、便於攜帶的開本,如16開的開本。建議不要落入「慣用」的窠臼,因為視覺上會缺乏新意及刺激、不容易突顯。
circle-點線面-下-5

格率與模組──選定好紙張的規格後,便要決定版面的切分,也就是框架與空間分配的概念,這個部分稱為格律架構與模組單位(grid & module)。透過格律(grid)決定頁面主要視覺元素與環繞留白空間(margin)的比例、對應關係,並且以此構成一致且協調的視覺節奏,統合這份出版品。

通常格律設定的比例與頁面尺寸要有足夠的對比反差,不能是完全相同或是過於接近,否則無論「有形」的頁面及視覺元素,還是「無形」的邊緣空間,都會顯得過於均等、缺乏變化,也就是「無聊」的意思。

以下方的兩種不同示範為例,無論是高矮胖瘦的頁面尺寸,對應不同比例的版面格律時,能夠營造出足夠的反差,並且保留一定的空間供配件( folios)靈活使用。circle-點線面-下-6

接下來則是更細分的模組基本單位( module),模組的基本單位類似樂譜中的小節長度,跟格率的固定性比較起來,模組較具彈性,這些類似積木的基本單位可以單獨或合併,變幻組合模式供圖片及文字使用,也藉此決定欄寬、欄高的設定,以及圖文的對比反差,而模組與模組間的間隔,也代表者文字與文字、或文字與圖片間的距離;切分越細小的模組應用變化較多,但操作難度也越高。circle-點線面-下-7

初步只要決定一個粗略的風格設定,不需要精算至絕對的數字,等到整體畫面達到要求之後再細修即可。一般來說,可以根據文字及內容屬性先決定是「奇數」或「偶數」的單位數(上圖),如果有需要保持一個模組單位的留白空間的話,建議用偶數的模組產出不對稱的欄位(下圖),或用基數的模組以產出對稱的欄位,都可以讓版面空間靈活運用、富變化。circle-點線面-下-8

在一份刊物中,可以根據文字的長度或態度屬性有不同的模組單位組合,例如 1/3 乘以3 欄或是 2/5 乘以 2 欄加上 1/5 的留白,但是格律架構以及主要的配件應該是要保持不變的;同樣的,在同一篇文章中,主要內文的模組單位不會忽大忽小,否則無法構成並維持一定的閱讀節奏。

留白空間──留白也是設計的一部分,圍繞著文字及圖片的留白類似「裱框」的概念。比較理想的留白空間是:接近裁切邊線的外框(下圖1) 會大於頁面與頁面間的內框(下圖2),而「天」則會小於「地」(下圖3, 4),以保持視覺的平衡與穩定度,另外,外框留白也要差不多是大拇指握書後會占用的大小;以由外而內、由大至小的原則延伸,我們可以想像並理解這樣的層級關係:外框>內框>大於模組/欄位間隔(下圖5) >行距(下圖6)。circle-點線面-下-9

另外,存在於留白空間的一些衛星配件( folios)──如:標眉(章節/單元名稱)、出版物名稱/期數、頁碼……等等,這些是屬於功能性的存在,不是主要內容,所以通常設計上會比較「安靜」。

本文、下三篇所提及的版面構成要點,並非必須以特定順序執行,也不是僵硬不可變通。大致了解這些設計訣竅與規則,便可依據個人習慣或者不同的內容、強調的重點而調整。要記得的是,這些要點都交互影響,牽一髮動全局,除了個別要素的設定,版面構成是複雜工程,仍需靠設計師個人匯集所有理性與感性、功能與美感的各個條件才能完美達成。關鍵是,設計師應該要先瞭解這些基本原則存在的理由後,才會懂得為什麼要破壞這些原則,進而駕馭這些原則,真正從思維延伸、拓展獨特的視野。

更多關於〈版面編排應用:點、線、面〉,歡迎參閱:Circle》設計微誌第十期

分享這篇好文:

About circlezine

Circle 微誌以系統的方式,逐步介紹平面設計領域裡的分門別類,同時也延伸實驗不同的創意角度與觀點,從文字造型∕編排、品牌設計、資訊圖表、歷史沿革∕人物、數位∕動態、空間環境、影像紀錄⋯⋯等等,每期深入分析不同類別的內涵與實務應用,除了多元的視覺風格以外,內容也是可供收藏的參考工具,歡迎你加入這個圈圈,與我們分享、交流。

Post Your Thoughts