兩個人整理同一款行李箱，收出來的結果常常天差地遠。有人把衣服、盥洗用品分類捲好、各自歸位，出國到了目的地一打開就找得到東西；有人想到什麼就往裡塞，同樣一箱東西，翻找老半天還找不到護照。差別不在東西多寡，而在怎麼擺，這也是名片版面配置最常被忽略的地方。
名片能放的資訊其實不多，姓名、職稱、公司、電話、Email，頂多再加社群帳號或 QR Code，數量遠比行李箱裡的東西少，版面卻常常一樣亂，對方接過去，眼睛繞了兩圈還是抓不到重點在哪、該打哪支電話。問題往往不是資訊塞太多，而是名片版面配置沒把資訊分類收好、對齊放整齊、留出呼吸空間。
行李箱靠分類、固定位置、留出拿取空間才收得住，名片版面配置靠的是同一套邏輯，換個說法就是分區、對齊、留白。先從最容易被忽略的第一步，資訊分區，開始拆解。
步驟一：資訊先分區，同類的擺在一起才不會亂
多數人設計名片，第一個卡住的問題其實不是配色，而是這麼多資訊要從哪裡開始擺。答案是先別急著擺位置，把資訊依彼此的關聯性分成幾組，而不是想到什麼就加什麼。名片上的資訊通常可以分成三組：
- 身份群組：姓名、職稱、公司名稱
- 聯絡群組：電話、Email、地址
- 延伸群組：社群帳號、QR Code
這樣分組不是憑感覺，而是有心理學根據。Interaction Design Foundation 在整理格式塔原則（Gestalt Principles）時指出，人的大腦會把距離較近的元素自動判讀成一組，距離一拉開，就會被當成彼此不相關的東西，這就是接近律（Law of Proximity）。換句話說，版面上兩個元素靠不靠近，本身就在告訴對方「這兩個是一組的」，這也是為什麼分區沒做好，最容易出現誤讀。
舉例來說，如果姓名和電話號碼中間夾了一顆社群圖示，對方的大腦會直覺判斷姓名跟那顆圖示才是同一組，電話反而被隔到另一邊，即使三個元素其實都跟這個人有關，版面呈現出來的分組卻是錯的。
哪些資訊該分在同一區，哪些要拉開距離？
身份群組把姓名、職稱、公司名稱放在一起，這三樣通常是對方第一眼想確認「你是誰」時要看的內容；聯絡群組把電話、Email、地址收在一起，是對方要找到你、聯絡你時該用哪個管道；延伸群組則是社群帳號、QR Code 這類非必要但加分的資訊，份量通常最輕，也最適合放在版面比較邊緣的位置。
分組分好之後，還有一條同樣重要的規則，同一組內部元素的間距要明顯小於組跟組之間的間距。這其實就是留白在版面上的其中一種運用方式，宏觀留白負責組織整個版面的區塊，這部分留到後面談留白時再深入拆，這裡先記住一件事，組內擠一點、組間鬆一點，分組的效果才做得出來。
分區之間，留白比框線更好用
很多人以為要把幾個資訊區隔開，得靠一條線或一塊底色去分隔，其實不一定要這麼做。單純拉開組跟組之間的距離，也就是留白，通常比加一條實體分隔線更乾淨，也更不容易讓版面顯得零碎。
拿同一張名片對照兩種做法就看得出差異：一種是身份群組跟聯絡群組中間畫一條細線，另一種是單純把兩組資訊拉開一段明顯的距離，什麼線都不畫。前者版面多了一條額外的視覺元素，容易讓整體看起來瑣碎；後者靠距離本身就完成了分隔的工作，也比較貼近目前簡約排版的走向。留白本身就是一種分隔工具，不一定要靠框線才能把資訊分開。
步驟二：找到一條對齊線，全部資訊靠著它排
分好區的資訊，如果各自歪七扭八地排列，看起來還是亂。真正把版面收整齊的關鍵，是幫每一組資訊找到同一條看不見的線，讓它們都靠著這條線排整齊，這條線就是對齊。常見的做法有三種：
- 置中：對稱、正式感較重
- 靠左：資訊量較多時較好掌握、現代編輯感較強
- 靠右：較少見，適合搭配左側有大面積留白或圖案
一旦選定一種，全篇就別再中途換，版面看起來亂，很多時候不是資訊太多，而是同一張名片裡姓名置中、電話卻靠左，對齊方式混用造成的。
三種常見對齊方式，你適合哪一種？
置中對齊會把每一行文字的中心點都對在同一條垂直線上，畫面對稱、正式感比較重，適合走傳統穩重路線的名片。靠左對齊則是把每一行的開頭都對齊在同一條線上，資訊量比較多的時候特別好掌握，讀起來也比較有現代編輯排版的感覺。靠右對齊比較少見，通常要搭配左側留一大塊空白或放一個圖案，才不會讓文字懸在版面右邊顯得突兀。
三種對齊方式沒有絕對的優劣，重點是選定一種之後全篇維持一致。不過混用才是最常見的錯誤，姓名擺在正中央，電話跟 Email 卻各自靠左排，對方的視線得在兩種邏輯之間來回切換，版面自然顯得亂。
用格線幫自己找出隱形的對齊基準
想找出對齊點，靠肉眼移動資訊區塊，通常會越調越亂。比較好的做法是把名片草稿疊上一層輔助格線，直式名片可以用兩欄，橫式名片可以用三欄，接著把每一個資訊區塊的邊緣，都貼齊某一條格線，而不是憑感覺移動。
格線的作用不是要把每一格都填滿，而是拿來抓出隱形對齊點的輔助工具。等排版定稿之後，記得把格線關掉，畫面上只留下對齊完成的結果，格線本身不該出現在最終的名片上。
步驟三：留白不是沒設計，是刻意空出來的呼吸空間
版面對齊好之後，接下來最容易被誤解的環節是留白。不少人覺得留白等於沒填滿、等於浪費版面，其實留白是刻意空出來的呼吸空間，做得好反而是設計有做到位的證明。Interaction Design Foundation 把留白分成兩種角色：
- 主動留白：刻意用來引導視線、區隔資訊的留白
- 被動留白：單純讓版面不擁擠、留出喘息感的留白
步驟一提到組跟組之間的距離，就是主動留白在發揮作用；姓名四周不要貼滿其他文字，讓它有一圈自己的空間，則屬於被動留白。這兩種留白要搭配資訊量調整比例，資訊比較多的名片，更需要靠精準的主動留白把區塊分開；資訊比較少的名片，被動留白可以放寬一些，讓版面顯得從容，而不是空洞。
名片上最該留白的幾個地方
新手排版最容易漏掉留白的位置，通常集中在幾個地方。Logo 周圍如果貼著其他文字或線條，會讓 Logo 本身失去焦點；姓名跟職稱擠在一起、中間沒有一點喘息空間，會讓最重要的識別資訊顯得侷促；資訊區塊直接貼著卡片邊緣，沒有留一點視覺上的安全距離，也會讓整張名片看起來很擁擠。這裡談的是版面上的呼吸感，跟印刷用的出血、安全範圍那種技術規格是兩回事，不在這篇處理的範圍內。
塞好塞滿和留白過頭，中間那條線在哪？
留白留多了，最常被擔心的是名片會不會顯得內容太少、太隨便。判斷留白留得對不對，看的不是留白佔了多少面積，而是這塊留白有沒有功能。只要每一塊留白都能回答「它在分隔什麼、或在讓什麼呼吸」，份量再大也不算過頭；如果一塊空白純粹是因為不知道該放什麼才留著，那才是真正該處理的問題。留白不是拿來遮掩沒想清楚的版面，而是設計者主動做出的選擇。
步驟四：資訊的先後順序，靠大小和粗細做出來
分區、對齊、留白把版面的骨架排好之後，還缺最後一件事，讓對方一眼就抓到重點該看哪裡，靠的是視覺層級（Visual Hierarchy）。名片上的資訊通常可以分成三層：
- 第一層：姓名或品牌，字級最大
- 第二層：職稱與公司，中等字級或加粗
- 第三層：聯絡方式，字級最小但仍要清楚
Nielsen Norman Group 分析視覺設計原則時指出，層級主要靠尺度（大小）與對比做出來，一份版面通常用兩到三種字級大小，就足以標示出內容的重要程度，字級級數用太多，層級反而做不出來。名片版面配置同樣適用這個邏輯，靠尺度對比和字重（粗細）對比拉開三層資訊的差異，顏色對比則是另一個層面的事，這裡先不展開。
除了大小跟粗細，資訊擺在哪裡也會影響對方先看到什麼。多數人掃視一份版面時，視線習慣先落在上方跟左側，把最重要的資訊放進視線容易先掃到的位置，會比放在版面中段或右下角更容易被注意到。
姓名、職稱、聯絡方式，誰的字該最大？
姓名或品牌名稱通常是名片上字級最大的一行，因為它是對方要記住的第一件事；職稱與公司名稱次之，字級中等，或者維持中等字級但加粗處理；電話、Email 這類聯絡方式字級最小，但仍要保持清楚可讀。字級最小可以印到多小還能保持清晰，牽涉到字級的可讀性下限跟印刷條件，不在這篇的範圍。這裡談的是三層之間的相對比例，重點在差距要拉開，如果姓名跟職稱的字級太接近，層級就做不出來，對方得多花一點時間才能分辨誰是重點。
對方的視線通常先落在哪裡？
Nielsen Norman Group 針對使用者閱讀網頁內容的眼動研究發現，多數人掃視一份版面時，視線會先在上方做一次水平掃視，接著沿著左側往下移動，形成接近 F 字型的路徑（F-shaped Pattern）。這項研究原本觀察的是螢幕上的長篇內容，這裡借用的是同一套邏輯，把版面上最重要的資訊放在視線最先到達的位置，而不是宣稱這是名片專屬的研究。
把這套邏輯放進名片，與其把所有資訊硬塞進正中央，不如把最重要的識別資訊，姓名或品牌，放在版面上方或左側，也就是視線最先掃到的區域；電話、Email 這類次要資訊，排在動線比較後段的位置。想確認自己的版面有沒有做到，可以把設計稿拿遠一點看，觀察眼睛第一眼落在哪裡，用這個簡單的方式自行驗證。
排好之後，怎麼檢查名片版面真的排對了？
前面四個步驟做完，最後一步是回頭檢查，而不是繼續往下加東西。把分區、對齊、留白、層級這四件事，轉成四句可以自問的檢核句：
- 資訊有沒有分區，同類的擺在一起，不同類的有拉開距離？
- 有沒有一條看不見的對齊線，貫穿版面上所有的元素？
- 留白夠不夠讓版面呼吸，每一塊空白都有它的功能？
- 看不看得出資訊的先後順序，最重要的東西是不是最先被看到？
除了自問這四句，還有一個更直接的實測方法，把設計稿縮小到名片實際印出來的尺寸，拿遠一點看，一到兩秒內看能不能馬上抓到最重要的資訊。抓不到，通常代表前面某一步沒做到位，可以回頭對照是分區、對齊、留白，還是層級這一關漏掉了。實務上最常漏掉的，多半是留白不夠，或者對齊方式中途混用。
同樣的東西，分類好、放回固定位置、留出好拿取的空間，行李箱才關得起來，也才禁得起一路搬運。名片版面配置也是同一套邏輯，資訊分區、對齊、留白這幾件事做到位，版面自然站得住腳，對方接過去，一眼就找得到重點。這套先分類、再對齊、最後留白呼吸的做法，不只名片能用，下一次排海報、排簡報，一樣是同一套方法。