五百張剛印好的傳單，兩家小吃攤各自發了一疊。一星期後，一家攤位前排著人潮兌換優惠券，另一家的傳單還有一半留在紙箱裡沒發完。紙質厚薄差不多、優惠內容甚至更划算的那一家反而發得比較慢——差別往往不在紙質，也不在文案寫得好不好，而在傳單版面設計做得好不好。
傳單版面設計說的是標題、圖片、文案、行動呼籲這些元素，在紙面上怎麼擺、擺多大、先後順序怎麼安排，而不是紙質選得多好、文案寫得多動人。傳單通常是被拿在手上、近距離翻閱的印刷品，讀者往往只花幾秒鐘就決定要不要繼續看下去；這跟需要張貼在牆上、從幾公尺外辨識的看板不是同一回事，接下來談的原則，只適用於這種近距離手持閱讀的情境。
搞懂這幾個安排原則，不用學過設計，也能讓下一批傳單真的被看完，而不是靜靜躺在紙箱裡。先從版面設計實際上在處理什麼講起。
傳單版面設計是什麼？
把時間拉回設計流程的起點就會發現，版面設計不是文案寫完之後才收尾的裝飾工序，而是一開始就該同步規劃的骨架。它處理的是標題、圖片、文案、行動呼籲這些元素該放在紙面上的哪個位置、要多大、先後順序怎麼排，目的是引導讀者的視線，讓對方按照設定的順序，一步步看到該看到的東西。
文案負責決定「說什麼」，版面設計負責決定「先被看到什麼、後被看到什麼」，兩者是分工，不是誰比較重要的關係。就算文案寫得再打動人，如果讀者的視線根本沒被引導到那句話上，這句文案等於白寫；反過來，版面排得再漂亮，文案沒寫到重點，讀者看完也不知道該做什麼。
也因為這樣，把版面設計留到最後才做，等於讓整張傳單最關鍵的引導系統，比其他工序都晚一步才登場。要搞懂為什麼這件事這麼關鍵，得先回到讀者實際拿到傳單的那幾秒鐘，看看他們的眼睛怎麼動。
傳單版面設計為什麼決定讀者願不願意拿起來看？
多數人拿到一張傳單，不會像讀一封信那樣逐字讀完，而是用眼睛快速掃過整張紙面，抓幾個關鍵字和圖片，幾秒內就決定要不要繼續看。Nielsen Norman Group 在 2006 年的一項眼動追蹤研究裡，記錄了 232 名使用者瀏覽網頁內容的視線軌跡，發現多數人並不會逐字讀完頁面上的文字，而是呈現一種「F 型」的掃描路徑，先橫向掃過最上面一段，再往下移一點掃第二段，最後視線沿著左側往下滑過剩下的內容。
這份研究測的是網頁瀏覽行為，跟印在紙上的傳單不是同一種媒介，但它點出的行為模式值得借鏡，讀者靠掃描、不靠逐字閱讀來決定要不要繼續看下去，這件事不會因為載體換成紙本就消失。傳單的版面如果沒有把重點安排在讀者視線會先掃到的地方，再吸引人的優惠、再精美的文案，都可能在那幾秒鐘裡直接被跳過。
這也是為什麼傳單跟需要遠距離張貼辨識的印刷品，版面邏輯不能照搬。傳單是近距離手持翻閱，字級不必大到幾公尺外看得見，卻更需要在極短時間內，把重點安排在讀者視線的必經之路上。
好的版面，先安排視覺動線，才決定放什麼內容
知道讀者靠掃描決定要不要繼續看之後，下一步就是主動幫讀者的眼睛安排一條路，這就是視覺動線，也叫進入點，指的是讀者的視線會先落在哪裡、再往哪裡移動。做法不是讓每個元素同時搶當主角，而是先選定一個視覺焦點，通常是版面上最大張的圖片，或是筆畫最粗、字級最大的標題，再讓其他元素沿著這條動線，依序被看到。
多數傳單圖文比例高、文字量不算多，這類版面常見一種叫「Z 字型」的掃描路徑，視線從左上角開始，橫向掃到右上角，再斜切到左下角，最後落在右下角。這是設計上常見的觀察與慣例，不是單一研究定出的鐵律，但也說明了為什麼重要資訊常被放在左上角，或是緊貼著那個視覺焦點，那正好是讀者視線最先經過的位置。
先把這條動線定下來，再回頭決定標題、圖片、文案各自擺哪裡，才不會做完版面才發現重點被擺在讀者視線最後才掃到的角落。
標題、圖片、文案，怎麼分出主次順序？
視覺動線決定讀者的眼睛怎麼移動，接下來要解決的是另一個問題，同一個版面裡，標題、圖片、文案這幾樣東西，誰先被看到、誰的份量比較重。這靠的是視覺層級（visual hierarchy），用大小、粗細、位置這三個變數，讓讀者一眼就看出主從關係，不用讀完整張傳單才搞懂重點在哪。
層級的重點不是「越大越好」，而是主從關係要一眼分明。如果標題、副標、內文全部放到差不多大、差不多粗，版面看起來確實比較熱鬧，讀者卻分不出該先看哪一句，等於白白浪費了引導視線的機會。
用大小做出份量差異
份量差異靠的是字級對比。標題的字級要明顯大於副標，副標又要明顯大於內文，一層一層拉開差距，讀者才分得出誰是主角、誰是配角。如果標題只比內文大一點點，這種份量差異太小，讀者的眼睛感覺不出落差，等於沒有分出層級。
要留意的是，這不代表每個元素都該放大。如果標題、副標、圖說全部放到最大，結果會是每個元素都在搶第一眼，版面看起來擁擠又沒有重點，跟完全沒做層級是同一種結果。
用位置引導讀者視線往下走
第二個工具是位置。最重要的資訊要放在視覺動線的起點，也就是前面提到的視覺焦點附近，通常在版面上方；次要的資訊則沿著動線，一路往下、往外排列，讓讀者看完最關鍵的訊息後，還有意願繼續往下看。
位置這個工具還有一個作用，是把彼此相關的資訊自然地引導在一起，讓讀者不用來回尋找，而不是各自散落在版面四處。
對比不是顏色鮮豔，而是讓重點跳出來
層級靠大小、粗細、位置這幾個變數做出落差，還有一個工具同樣關鍵，那就是對比。很多人以為版面要「吸睛」，就是多用幾種鮮豔顏色，紅配綠、藍配黃地鋪滿整張紙，但真正讓重點跳出來的，是重點元素跟周圍環境的差異夠不夠大，深淺、粗細、大小的落差都能做出對比，不一定要靠顏色種類堆出來。
對比要夠到什麼程度，才算讀得清楚，其實有一套可以參考的量化標準。W3C 制定的網頁無障礙規範 WCAG 規定，內文文字與背景至少要有 4.5:1 的對比度，字級夠大的標題則至少要有 3:1，才能讓多數人，包含年長者與色覺辨識較弱的讀者，都看得清楚。這是給數位內容訂的官方規範，傳單當然不受這條規範約束，但它「對比要量化到多少才算夠」的判斷邏輯，同樣可以拿來檢查傳單上的文字夠不夠清楚。
也因為對比靠的是差異夠不夠大，顏色種類多不代表對比做得好，甚至可能相反。顏色建議控制在少數幾種主色，加一個負責跳出重點的強調色；顏色種類一多，讀者的眼睛反而不知道該被哪個顏色吸引，等於把對比效果自己抵銷掉。
留白要留多少，才不會顯得空洞或擁擠？
對比負責讓重點跳出來，留白則負責讓那個重點有喘息的空間。很多人一想到留白，會覺得是「沒有設計」，紙面空著很浪費，但留白其實是主動的設計決定，適當留白能讓重點元素更突出，讀者閱讀時也比較不會覺得混亂。反過來，把版面塞滿文字和圖片，看起來資訊量很豐富，實際上每個元素都在互相搶戲，讀者反而抓不到重點在哪。
判斷留白夠不夠有一個直接的方法，先把這張傳單最重要的三、四項資訊排進版面，其餘的內容問自己能不能拿掉，或是留給讀者掃碼、上網之後才看到。如果排完這幾項，版面看起來還是很擠，問題通常出在內容本身太多，不是留白給得不夠，這時候該做的是精簡內容，不是硬把留白擠掉。
相關資訊放在一起，讀者才不用來回尋找
版面看起來散亂，很多時候問題不是出在顏色或字體選得不好，而是該放在一起的資訊，沒有真的放在一起。接下來這兩個技巧，一個是分組，一個是對齊，處理的正是這件事。
用分組把同一件事放在一起
分組背後的原理，來自格式塔心理學（Gestalt）的「接近原則」（proximity）。Nielsen Norman Group 對這個原則的解釋是，距離相近的元素，會被讀者的大腦自動視為同一組，即使中間沒有畫任何一條線或框。這個原理套到傳單上非常實際，日期、時間、地點這三項資訊要緊靠在一起，價格要緊貼著它對應的商品或方案，聯絡方式底下的幾個管道，像是電話、通訊軟體帳號、網址，也要排在一起，不要為了填滿版面，把它們分散到紙面的四個角落。
一旦聯絡方式被拆開放，讀者得自己在紙上來回找電話在哪、網址又在哪，這種尋找的過程，本身就是在消耗讀者原本就不多的耐心。
用隱形格線對齊，版面才不會歪斜凌亂
對齊靠的是一套隱形的格線。把整張版面想像成被好幾條看不見的線條切開，所有的文字方塊、圖片邊緣，都對齊到同一條線上，像是同一個左邊界，或是同一條中線。做到這一步，版面會立刻顯得整齊很多。
版面東一塊西一塊，邊界對不齊，是讓版面看起來「亂」最常見的原因之一，卻常常被誤會是顏色選錯或內容太多的問題。下次覺得一張傳單看起來亂，先別急著改顏色或砍文案，回頭檢查每個元素的邊界，有沒有真的對在同一條線上。
內容多寡，該分成單欄還是多欄？
分組和對齊，講的是同一張版面裡，元素彼此該怎麼擺；再往上一層看，版面本身要切成幾欄，也就是走向的選擇，同樣取決於內容的多寡與性質，而不是「看起來比較豐富」就多加幾欄。如果傳單只想讓讀者往一個行動走，像是單一優惠或單一活動，單欄最合適，讀者視線一路往下讀完，不容易分心去比較別的東西。如果內容需要多一點說明，或是要並列比較兩三個方案，雙欄或多欄會更清楚。
因為傳單本來就是近距離手持閱讀的印刷品，內容量本來就該精簡，欄位切太多，反而不利讀者快速掃描完整張版面。心理學家喬治．米勒（George Miller）1956 年一份經典研究指出，人的短期記憶一次大約只能處理 7±2 個資訊組塊，超過這個範圍，資訊就會變得難以一次消化。欄位切得太細、資訊分得太散，等於逼讀者同時記住比這還多的組塊，多欄不見得比單欄清楚，內容量才是決定要不要分欄的關鍵。
行動呼籲要放在哪裡，才會被讀者看到？
前面的分欄、對齊、留白都排好之後，還有一個最容易被漏掉的位置要顧，就是行動呼籲。行動呼籲不能被埋在一整段文字的中間，讓讀者要讀完整段話才發現原來這裡要他做什麼；它需要一個獨立的視覺區塊，用色塊、外框，或是明顯的留白，把它從其他內容裡區隔出來。
位置上，行動呼籲適合放在視覺動線的終點，通常是版面下方，或是讀者看完主要訊息後，視線自然會停留的地方。至於行動呼籲的文字本身該怎麼寫，像是「掃碼登記」「出示折扣碼」這種具體指令，是文案的工作，這裡只談怎麼安排位置，讓讀者的視線走到這裡時，不會錯過它。
版面都排對了，這幾個細節最容易被忽略
視覺動線、層級、對比、留白、分組對齊都排定之後，版面的骨架大致成形，接下來剩幾個進階但容易被忽略的檢查點，值得在交件前再確認一次。
- 字體種類控制在兩種以內，一種給標題、一種給內文。字體種類一多，本身就會抵銷前面辛苦建立起來的視覺層級，讀者反而分不清楚哪個字體代表哪種資訊。
- 把整張稿件縮到很小，或是退到一個手臂的距離，看整張版面。如果這樣看還能一眼看出重點在哪，代表層級與對比做得夠清楚；如果整張看起來份量都差不多、分不出主從，代表層級還沒做到位，得回頭調整。
- 如果這張傳單之後會延伸成同一檔活動的系列印刷品，版面骨架，也就是標題的位置、行動呼籲的位置，最好保持一致。讀者看過幾次之後會建立熟悉感，之後要換內容時，也能更快套用同一套版面邏輯。
傳單版面設計從來不是排版流程裡最後才輕輕帶過的裝飾工序，而是決定一張傳單有沒有機會被讀到的第一道篩選。把這幾個安排原則內化成下筆前就會有的判斷習慣，不管接下來要做的是一張單張 DM、一份對摺傳單，還是任何近距離發放到讀者手上的印刷品，都能用同一套邏輯，快速把版面安排到位。