翻開一本設計感強的雜誌，版面常常「不整齊」，文字跨出欄位、圖片切到頁緣、標題壓在照片一角。照理說，這樣的版面應該顯得亂，翻起來卻反而更有質感，節奏感也更強，眼睛不知不覺就被牽著往下走。
多數人以為這是設計師憑手感在排，實際上這一連串「刻意打破規則」的手法背後，仍有一套清楚的邏輯，先立好格線，再有意識地違反。這正是雜誌編排設計版面手法的核心，格線系統管住頁面的一致性與可讀性，破格則負責製造焦點與呼吸感，兩者缺一不可。只看破格、不懂格線，版面容易真的亂掉；只守格線、不敢破格，版面又會顯得死板，沒有記憶點。
接下來就先從格線這個地基講起，搞懂它在幫讀者做什麼之後，再一項一項拆解出血、跨欄裁切、字級階層、留白色塊、抽言大字報這幾種破格手法各自的做法與分寸。
格線系統在幫讀者做什麼？
沒有格線，破格根本無從被看見，這句話聽起來像悖論，卻是編輯設計最基本的常識。
格線系統（grid system）由幾個看不見、卻決定整本刊物觀感的元素組成：欄位（column）切出文字可以流動的寬度，邊界（margin）留出版面四周不放內容的安全帶，參考線（guide）標出圖文對齊的隱形基準，頁碼、章節標記這類固定元素則負責讓讀者知道自己翻到哪裡。這些元素本身不會出現在成品上，卻讓一本雜誌就算有兩百頁，每一頁的欄寬、留白、對齊方式都維持一致，讀者不需要每翻一頁就重新適應版面。
格線真正在解決的問題，是多頁刊物的一致感與閱讀動線。同一本雜誌可能有上百個版面，如果每一頁的對齊邏輯都不同，讀者的眼睛得不斷重新學習「這一頁要從哪裡開始看」；有了格線，眼睛只要學一次規則，接下來翻閱就變成本能反應，不用特別思考。
實務上常見的欄位型態大致分三種：單欄的手稿式版面，適合小說、長篇專欄這類需要連續閱讀的內容。多欄的雜誌式版面，把版面切成兩欄到四欄，方便圖文交錯與跳讀。模組化網格則把版面拆成一格一格的區塊，常見在目錄頁、資料密集的圖表頁，方便把不同大小的圖文塊自由組合、又不失對齊。這一頁的內容需要讀者連續讀完、還是允許跳著看，往往就決定了該選哪一種欄位型態。
從范・德・格拉伕原則到瑞士網格，格線怎麼變成編輯設計的默契？
這套「先分格、才決定怎麼用」的邏輯，不是這幾年才有的發明，可以一路往前追到中世紀的手抄本與早期印刷書。設計研究者范・德・格拉伕在 1946 年重建出一套幾何分割法，後來被稱為范・德・格拉伕原則（Van de Graaf canon），只要抓出頁面的對角線，就能算出版心該落在哪、邊界該留多寬，而且不管開本大小怎麼變，這套比例都能套用。同一時期，Raúl Rosarivo 在 1947 年的研究進一步指出，文藝復興時期的書籍（甚至可能包括古騰堡聖經）已經在用類似的黃金 canon 比例分割版面，用 2:3 的頁面比例，把對角線切成九等分，決定版心的尺寸與位置。這套做法後來被排版設計師 Jan Tschichold 重新整理、推廣，他認為 2:3 是一種清楚、有意圖的比例，特別適合套用在中世紀到晚期哥德式的手稿版面上。
換句話說，格線從一開始就不是用來限制創意的枷鎖，而是被一代代設計師反覆驗證過的閱讀舒適邏輯。到了二十世紀中葉，一群瑞士平面設計師，包括寫下《Grid Systems in Graphic Design（平面設計中的網格系統）》的 Josef Müller-Brockmann，把這套邏輯進一步系統化，整理成可以套用在書籍、雜誌、甚至後來的網頁排版上的模組化網格，成為今天編輯設計圈的共同默契。這也是為什麼下面要拆解的每一種破格手法，都預設你已經先有一套格線可以破。
破格不是隨性，是刻意設計出的視覺節奏
一本雜誌從封面翻到封底，其實是一連串頁面組成的節奏，不是各自獨立的兩百張圖。如果每一頁的密度、對齊方式都長得一樣，同樣的欄寬、同樣份量的文字、同樣位置的圖說，讀者翻沒幾頁就會覺得疲乏，眼睛找不到現在該看哪裡的線索。
這正是破格要解決的問題。在密集的文字頁後面接一個大量留白的頁面，或是讓某個重點區塊刻意跳出欄位邊界，讀者的視覺節奏就會出現一次呼吸，注意力也會被重新拉回來。這種疏密交替不是隨機發生的，而是設計師在編排整本刊物時刻意安排的密度起伏，密的頁面負責給資訊，疏的頁面負責讓讀者喘口氣、也讓下一個重點更容易被看到。
破格常見的目的大致有三個：製造焦點（讓某個元素明顯比其他元素重要）、避免整本刊物調性太單一（不會每一頁都用同一套排法，讀起來像在用範本複製貼上）、以及引導視覺動線（用位置的意外感，牽著讀者的眼睛往設計師想要的方向走）。
不過要留意一個前提。破格從來不是取消格線，而是刻意違反它。設計師得先知道這一頁原本該對齊在哪裡，才有辦法判斷跳出邊界多少才算有意義的意外，而不是隨便亂放。這也是為什麼前面要先講格線，沒有這個地基，後面幾種破格手法就只是憑感覺亂試，做不出真正的節奏感。先從最直接、視覺衝擊也最大的一種破格手法講起，也就是出血滿版。
出血滿版：讓圖片衝出頁緣，做出沉浸感
第一個具體的破格手法，是出血滿版（bleed），讓圖片的邊緣延伸到裁切線之外，印刷完成後頁面上完全看不到白邊，圖片彷彿一路延伸到紙張的盡頭。
這個手法要做的事情很單純，就是拿掉「這是一張被放進版面裡的圖片」的邊界感，讓畫面直接變成整個頁面，讀者翻開的瞬間注意力會先被畫面吸走，情緒張力也比留白邊的小圖強得多。以留白與克制著稱的國際生活風格雜誌 Kinfolk，就常在專題開場頁使用大面積的出血照片，搭配極少的文字，靠畫面本身把讀者帶進那一篇報導的氛圍裡。
正因為出血滿版的視覺張力很強，用的位置也要挑，它最適合放在專題開場頁、需要營造情緒與氛圍的跨頁，或是整本雜誌裡少數幾個就是要讓讀者停下來看的重點頁。相對地，資訊密集、需要讀者專注閱讀文字的頁面就不適合硬套出血，滿版圖片會搶走注意力，讀者的視線會不斷被拉回圖片，反而讀不進文字內容。把出血滿版當成每一頁都可以用的萬用招式，是這個手法最容易被誤用的地方。
圖片跨頁常見的裁切陷阱：主體別落在裝訂線上
出血圖如果跨過兩個頁面，也就是跨頁滿版，還有一個實務細節容易被忽略，裝訂線（中縫）會吃掉圖片中間的一小段畫面，越靠近書背，畫面被遮住或扭曲的機率越高。
假設一張人像照片剛好把主角的臉放在跨頁正中間，裝訂之後，臉的一部分很可能直接被吃進書背裡，讀者翻開時看到的會是一張缺了一角的臉。同樣的道理也適用在重要的文字說明或圖說，只要落在裝訂線一定範圍內，內容就有被裁掉或難以辨識的風險。
所以做跨頁出血時，設計師會刻意把畫面的主體（人臉、重要文字、關鍵細節）往頁面外側挪，只把背景、留白這類少了一點也沒差的內容放在裝訂線附近。這是破格手法裡容易被讀者忽略、卻直接決定成品好壞的細節，概念上知道要出血不難，真正考驗功力的是知道哪裡可以出血、哪裡不行。
圖片故意切一半、跨欄擺放，一張圖當兩張用
出血滿版是讓一張圖佔滿整個頁面。另一種常見的圖片破格思路則反過來，刻意讓圖片只露出一部分，卡在欄位邊界上，或是讓一張圖裁掉一部分、延伸到隔壁欄甚至隔壁頁，讓一張圖當兩張用。
這麼做看似浪費了畫面的完整性，實際上反而更容易被記住。讀者雖然看不到照片全貌，卻能靠露出的局部線索自己在腦中補完剩下的畫面，這種留一半給讀者腦補的參與感，比直接端出一張完整照片更有記憶點，也讓版面不會顯得呆板。搭配的技巧通常是對稱或色塊呼應，例如圖片裁掉的留白處剛好用來放標題，兩個元素在視覺上形成對稱；或是讓延伸到隔頁的那一小塊圖，顏色剛好跟隔頁的色塊或另一張圖呼應，讓兩頁看起來像同一套設計語言。
不過這個手法有它的風險。如果整本刊物到處都是被裁一半、跨欄延伸的圖片，讀者反而會覺得版面雜亂，抓不到重點在哪裡。要讓這招收得住，通常得靠色系或色塊呼應把畫面收斂回來，同一個跨頁裡，裁切的圖片與周邊的色塊、留白要維持同一套配色邏輯，意外才會被看成刻意設計，而不是隨便亂放。
字級與粗細的落差，決定讀者先看哪裡
圖片的破格講完，版面裡還有一個一樣重要、卻常被忽略的階層工具，也就是文字本身的字級與粗細對比。
讀者翻開一頁，眼睛會先看哪裡、後看哪裡，其實不是隨機的，這個順序是設計師靠字級與粗細的落差刻意排出來的，不需要額外標示請先看這裡。版面階層（hierarchy）的原理其實很直接，字級大、字重粗的元素會先被眼睛抓到，字級小、字重細的元素則會被放到後面才讀。設計師常用的自我檢查法是瞇眼看版面，把眼睛瞇到只剩模糊的輪廓，這時候哪個元素還浮得出來，那就是讀者實際的視線順序。標題通常用明顯更大、更粗的字重，壓過同一頁其他元素；內文則維持適中、易讀的字級與行距，讓長篇閱讀不吃力。這裡有個容易被忽略的原則：對比要明顯，不能只是大一點、粗一點，差距太小，讀者的眼睛根本感覺不出誰該先看，階層等於沒建立起來。
中文排版還有一層額外的考量。標題常用無襯線的黑體，筆畫粗細一致、遠看清楚醒目，適合搶第一眼注意力；內文則適合用細明體或其他為長篇閱讀設計的字體，筆畫有粗細變化，長時間閱讀比較不容易疲勞。同一個版面裡，字體種類也要節制，一頁塞進三、四種字體，階層感反而會被打散，讀者分不清楚哪個字級對應哪個層級。
留白與色塊，一起撐出版面的呼吸感
字級與粗細負責的是文字裡誰先被看到，留白與色塊要處理的，則是文字與圖片以外，那些看似沒有內容的空間該怎麼用。這兩個元素常被誤會成還沒想到要放什麼、剩下來的空間，但對經驗豐富的設計師來說，它們跟出血滿版、跨欄裁切一樣，都是主動做出來的設計決定。留白負責讓重點自然浮現、讓讀者的眼睛有地方休息；色塊不管是當邊框、當底色，還是延續主題色跨頁呼應，都能在不多加一張圖或一段文字的前提下，把整本刊物的視覺線索串在一起。
大量留白怎麼讓重點自己浮出來？
當一個版面大部分是空白，僅有的一句標題或一張小圖就會自動變成視覺焦點，讀者的眼睛沒有別的地方可以看，不需要額外加框、加色去強調它。以留白著稱的國際獨立雜誌，像 Kinfolk 與 FANTASTIC MAN，常常整頁只放一句標題、一張小圖，剩下全部留白，愈是這種簡單的元素組合，愈考驗留白拿捏的分寸。
留白留得不夠，版面會顯得侷促，重點擠在一起反而看不出誰是主角；留白留得過頭，版面又會顯得空洞，讀者甚至會懷疑這一頁是不是漏排了內容。抓住剛好讓讀者停下來的比例，是留白手法真正的難度所在，它看起來最簡單，做起來反而最需要經驗。
色塊當邊框或底色，串起跨頁的視覺線索
色塊在實務上有幾種常見用法。第一種是拿照片當底、上面壓一層半透明色塊，讓文字疊在圖片上還能維持可讀性，這在標題疊照片的版面裡很常見。第二種是用當期的主題色當邊框，讀者只要翻到某個顏色的頁面，不用看標題也知道自己在看哪個單元，等於用顏色幫讀者做導航。第三種則是延續封面或插畫裡的主色到內頁，即使不同頁面用的排版手法不一樣，整本刊物翻下來還是會有一致的視覺記憶。
呼應前面格線是地基的邏輯，色塊的顏色數量同樣要節制，一本刊物如果每個單元都用不同的高飽和色塊，顏色多到讀者記不住哪個顏色對應哪個單元，反而會打散原本不容易建立起來的視覺階層。色塊的效果，是靠少數幾個顏色被反覆使用累積出來的，不是靠顏色種類多寡。
引言與大字報怎麼讓一句話跳出欄框？
留白與色塊負責撐出整體的呼吸感，最後一種破格手法，則是把這種呼吸感濃縮到單一句話上，也就是抽言（pull quote）與首字放大（drop cap）。
抽言的做法，是把內文裡最有記憶點的一句話，用比正文大上好幾倍的字級抽出來，獨立放在版面上，可能插在兩段文字中間當分隔，也可能疊在圖片上方增加層次。這個手法故意打斷讀者原本一路往下讀的動線，讀者本來順順讀著，忽然被一句放大的話攔下來，但正是這個被打斷的瞬間，讓那句話比埋在整段文字裡更容易被記住。首字放大則是把一個段落開頭的第一個字放大好幾倍，通常用在專題或章節的開場段，除了裝飾效果，也隱約標示這裡是一個新的段落起點。
這兩個手法都有一個共同的前提。抽出來的句子要挑得對，真正該被放大的，是能濃縮整段甚至整篇重點的那一句，而不是隨手抓一句、只為了填滿版面的空白。挑錯句子，抽言就只是裝飾；挑對句子，它才會變成讀者翻頁時第一眼記住的東西。
破格要收得住：先守住哪些底線，才敢打破規則
這幾種破格手法個別看都不難懂，真正的難題是同時用好幾種，卻不讓版面失控。回到最前面那個問題，為什麼故意打破格線的版面看起來不但不亂，反而更好看？答案其實不難，設計師只在一兩個地方動手破格，其他元素仍然緊守著格線與階層邏輯，例外才會被凸顯出來。如果整頁到處都在破格，那就真的只是亂，不會有節奏感可言。
整理幾個實務上常被遵守的底線：每個版面通常只留一到兩個破格重點，而不是每個元素都要有設計感；至少保留一條對齊基準線，讓讀者的眼睛有地方可以依靠，不會整頁看起來都在漂移；顏色與字體種類要節制，呼應前面留白與色塊那節提到的原則；動手破格之前，先確認清楚這一頁真正想讓讀者先看到的是什麼，出血、跨欄裁切、抽言大字報，每個手法都該是為了凸顯那個焦點服務，不是為了展示技巧而硬加上去。
守住這幾條底線，格線與破格才不會互相打架。格線負責讓整本刊物讀起來一致、順暢，破格負責在該有記憶點的地方留下記憶點。兩者搭配起來，才是編輯設計真正的功力所在。
下次你動手排版之前，不妨先花點時間確認手上這個版面的格線規則，欄位切在哪裡、邊界留多寬、階層打算靠字級還是留白建立。搞懂這些，才知道自己有沒有資格、又該在哪一處刻意打破它。
也不必急著把出血、跨欄裁切、抽言大字報全部塞進同一個版面。先挑一個最貼近這篇內容調性的破格點就好，也許只在封面標題做一次出血，或是只挑一句最有份量的話做成抽言。比起整頁都想著要有設計感，先守住格線、只破一處，通常更容易做出讀者願意一直翻下去的版面。