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

──面／ 版面基本單位：字

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

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

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

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

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

──頁／ 物件的互動與對應：頁面

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

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

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

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

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

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

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

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

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

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

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

對設計師來說，不論是紙本雜誌、書刊，還是數位時代的虛擬媒體，在版面設計與處理上，都有一些絕對必要通透的基本功。延續上一篇〈 雜誌版面設計：點、線、面（上） 〉 討論的字體選擇、 字級設定與單行字數、 字距設定，這一期，讓我們繼續往下探討，「段落」中會遭遇的行距、對齊、與段落標示等工夫。

──面／個人風格展現：段落

五、行距設定
「行距」（leading）就像流通的空氣，能讓行與行之間有區隔、喘息的空間。欄寬較寬，或是內文屬性較輕鬆的內容，可以給予行或字多一點空氣感；較窄的欄寬或是較具深度的內容，則可以收緊距離。不過，中文直排的標準稍有不同，因為直式瀏覽較費力，容許等於或略大於文字的行距，如果是單欄、純文字書籍的編排，建議留下多一些些的空氣流通。

六、對齊
「齊左」、「齊右」、「居中」、「齊頭尾」是最基本的四種排法。最常見為齊左及強制齊行。齊左的優點，是字間距會維持在預設的狀態，較好控制。用於西語時，因為每一行長短不一，需要考慮到右邊所構成的不規則形狀（rag line）是否美觀（如下圖）；另外，齊左排法並不適合中文，在沒有穿插英數，又使用等距／全形的標符時，會讓人錯覺為左右對齊。

「齊頭尾」是最適合中文主文的排法，也是從方塊基本單位延續下來的傳統。但要特別注意加入英數之後，可能會造成字間距分配不均的問題，這時候就需要手動調整修正。

另外，如果要做到真正的齊頭尾，就要注意標符開頭及結尾時的內縮，使用定距的全型符號的情況下，會留下半個字元的缺口，造成縮排的錯覺；如果用調和字距標符的話可以避免這個問題，但也要小心標符前後距過緊、壓迫感過重的問題。

居中大多使用於感性詩詞、引言，或者電影結尾字幕的工作人員名單。因每一行的起點與終點位置不定，常應用在極短的段落。齊右的做法最少見，通常運用於項目本身就置於版面右側， 或為了視覺特殊表現，跟齊左原因一樣，較適合西語。

七、段落標示原則
文章首字式──對西文來說，運用方式包括以標題大寫搭配小型大寫貫穿首行或首句、開頭片語用粗體、首字跨行、加底線或是採用裝飾性首字；中文慣用作法則為首字跨行，若文章開頭前有其他標的性強的元素，例如大標或抽言（節錄），就不需要特別強調首字。

段落區隔──段落間的區隔，西文變化較多，除了常見的縮排（indent）與空行（line break）以外，也可以如下圖外推懸掛/凸排（hang/outdent），或是裝飾圖紋，以及代表段落的符號「¶（pilcrow）」標記；中文則習慣使用的是縮排與空行。

縮排主要用於較長的內文及正式文體。縮排空間大多跟欄寬呈比例關係。中文排版，通常選用兩個字的大小，不過，如果文字的內容摻雜英數，上下行其實無法以方塊方式對齊，也很難保留完整兩字的空間。首段是否縮排？縮排的目的是為了讓後面的段落跟前面的段落有所區別，但是首段的前面並沒有需要被區隔的文字，邏輯上來說不需要任何標示，無論是文章開門還是小標後的第一個段落，都只要齊頭排就可以了。

中文有時沿用直排的習慣，第一段也會縮排，但建議橫排時還是以西文的規範較佳，保持完整、沒有缺口的文字塊不僅看起來比較美觀，語義也比較合乎邏輯，也要避免不要空行又段首縮排；另外，文章開門頁或小標後第一個段落，同樣建議齊頭排，原因同上。

使用小標──小標出現通常代表重要內容的切分，因此該給予比分段更明顯的地位。例如使用比內文大的字級、粗體或是不同的顏色，依轉折大小調整。當小標置於文內，通常與前段會有一行空行的留白，表示暫歇，但如果前後的空間反差過大，小標可略微上移（直排時右移），維持總行距不變、前距大於後距的原則即可。

附屬內容──圖說、抽文以及附註是次於主文的存在。圖說較主文的地位低、長度短，通常字體略小、欄位較窄，存在感低；抽文則是較常見於雜誌中，以較大的字級、不同的色彩或裝飾性強的風格表現突顯重點文字，幫助讀者快速瞭解內容，用於文字量較多、欄位較寬的篇幅，可以達到類似圖片的效果，也藉此增加版面的視覺變化。附註種類主要有下列三種：隨文走的 side note、置於頁面最下方的 footnote，以及至於章節或書籍最後的 end note。

（全文未完，敬請期待下一篇：〈版面編排應用：點、線、面（下）〉）

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

對設計師來說，不論是紙本雜誌、書刊，還是數位時代的虛擬媒體，在版面設計與處理上，都有一些絕對必要通透的基本功。本篇我們要來帶著讀者們以實務經驗切入設計視角，帶領大家一步一步、從無到有地完成版面編排設計，進而找到自己的個人設計風格。

──點／版面基本單位：字

一、字體選擇
設計的首要決定通常為「主要字體」。中文字體雖選擇有限，但仍可以根據文字屬性，按黑、明、圓體（或其他）等合適「字型類別」（category）做設定。另外，為達到視覺美觀與協調，建議不要採用中文字體內預設的英數及符號：絕大多數都非出自專業設計之手，造型、比例也與中文不協調；最後選擇「字體設計」（typeface/ fonts）時，則需考慮其應用的載體（螢幕、紙本、環境空間）、版面的形式以及時代風格等條件。如果實在不知道該如何選擇，建議考慮使用中英同步設計的字體。

二、字級設定

字級大小關係著「內容屬性/層級」條件、閱眾與閱讀環境。以刊物、書籍設計為例，主文段式種類很多，從大標、副標、引言、作者、小標題，到內文與附屬box（說明文）、附註等，內文字級可能偏大，否則圖說、頁碼、標眉等配件就沒有辦法往下降級。

除了上述的有形條件，還有一個極重要考量：有色的「字」以外之「白」空間，也就是設計版面被文字占據後，「黑/白」平衡的狀態。這個比例關係還需合併「欄寬」、「行距」等相關條件，才能判斷字級大小之於版面是否合適。

──線／掌握閱讀節奏：行

三、單行字數
以內容的層次架構、屬性，以及字體設定為基礎來看，深度取向的文章通常主體欄寬較寬，字數相對較多、字級略大，例如書籍或者雜誌的主文；而輕鬆取向的短文則通常欄寬較窄，單行字數少，例如二、三百字內的短文或圖說，字級比主文小。另外要提的是，中文有直、橫書的編排。直書的垂直瀏覽跟水平動線相比較費力，字數/欄高的設定要比橫排略少。

字體設定也需注意：明體/ 襯線字體的閱讀舒適度較高，容納的字數較多，黑體/無襯線字體則次之。縱觀來說，所有字數的選擇還是需要回歸版面大小及閱讀節奏來思考。要能讓讀者自然順暢、保持一定節奏地換氣，才是理想的閱讀長度。

四、字距設定
英文的「字」是指由字母構成的單字，單字與單字間的間隔稱為字距；而中文指的字距，則是字元與字元間的距離，比較像是英文的letter space，可以透過tracking或kerning──字元間距與字間距微調來調整大小。排版軟體上， tracking是整體、平均一致的調整字元間距，kerning則是特定兩個字元間的距離微調，利用留白空間平衡字元筆畫的墨色，讓整體視感的灰度均勻一致。

一般來說，除非有特別理由，字元間距並不需刻意調整，中西語皆然。但若遇到不完美的情況，就要個別調整修正。甚至中文橫排與直排所遇到問題的字元也不盡相同。

還有一個常遇到的問題：當拉丁字元及數字出現在中文環境裡，前後是否要保留一個空格？以編排的經驗來說，顧及視覺與句法的辦法是，遵照中文原理，在字元間保留「足夠」的辨識空間即可，差不多是半個英文字距的寬度。

──中文字距小提醒──

由於漢字字元筆畫差距很大，並置時容易產生前後距不均等。特別需注意其中一類是，筆畫較少，或造型結構上有留白缺口的字元，如「人」、「小」、「寸」、「今」等，這些字元前後距偏鬆，若又遇到標點符號則更明顯；另一類則是筆畫較複雜，或以方框包覆的字元，如「圍」、「圖」、「閱」、「瀏」等，跟前後字元顯得較近，當「一人、團圓」此類情況出現，就會顯得字元間距與黑字灰度非常不一致。標點符號「、」也顯得離「人」較遠、靠「團」較近，這時候就需要kerning──字間距微調來修正問題。另外，中文直排時，則必須注意「一」這個字元，若上或下為標符，需將間距減少，以免顯得空洞；而像「小」、「上」、「夕」、「大」、「為」這類字元，則因上緣留白較大，也需特別調整。

你可能會問，上述情形難道無法以一個簡單設定解決，一定得透過手動個別調整嗎？基本上是的，別無他法。字體設計無法事先考慮所有變數，即使拉丁字體設計也不可能完美無瑕；字元出現的頻率、組合，也因內容屬性不同而有差異。

投入於字間距微調的心力與時間，需以文字量多寡，或是你到底有多在意來決定。特別要提醒的是，文章大標題或廣告文案內容通常字數較少，個別字元的昭示性較強，建議無論如何都要仔細、認真地調整。

（全文未完，繼續閱讀：〈版面編排應用：點、線、面（中）〉）

──更多關於 〈版面編排應用：點、線、面〉，歡迎參閱：《Circle》設計微誌第九期