你以為香氣只是隨興的組合？錯！那正是你失去客戶的關鍵！我見過太多設計師把元素亂撒一通，就像調香師把十幾種精油倒進同一罐子，結果聞起來像一場災難。今天，我要用一個調香師的故事，帶你徹底搞懂排版中的「鄰近性原則（Proximity）」，學會用間距告訴讀者「這是一組的」，讓你的設計瞬間擁有清晰的溝通力。
故事：調香師阿正的覺醒
阿正（化名），四十歲，在台北東區經營一間手工香水工作室，調香資歷超過十五年。他對氣味極度敏銳，卻總是搞不定客戶的反饋——明明配方完美，客人卻說「太亂了，不知道該聞哪裡」。直到某天，他接到一位精品酒店老闆的訂單，要調一款「讓人有歸屬感」的大廳香氛。阿正自信滿滿，拿出二十多種原料，隨興堆疊：花香、木質、柑橘、麝香⋯⋯全部攪在一起。結果老闆試聞後皺眉：「這味道像菜市場，完全沒有層次。」阿正當場愣住，自尊心受到重擊。
回家後，他反覆思考。突然看到桌上放著一張排版設計（創意88｜實戰乾貨庫）的參考卡，上面寫著「鄰近性原則：把相關的東西放近一點」。他一拍大腿——對啊！香氣也該分組！於是他重新拆解配方：將柑橘調和綠葉調合成「前調」放在一起，玫瑰與茉莉組成「中調」，雪松與琥珀形成「後調」。當他把這三組香氣分別裝進試管，讓老闆輪流聞時，老闆立刻點頭：「這就對了！先清新，再溫柔，最後有底蘊，像走進一間有故事的房間。」
什麼是鄰近性原則？
鄰近性原則（Proximity）是設計領域最基礎也最強大的法則之一。簡單說：視覺上距離近的元素，會被大腦自動解讀為同一群組。這不是什麼高深理論，而是人類天生的認知捷徑——我們總是傾向把靠在一起的東西當作「一夥的」。反過來說，距離遠的元素，就會被當作不同的群體或無關的個體。
在視覺動線（創意88｜實戰乾貨庫）中，鄰近性原則直接決定了讀者第一眼會怎麼分區。比如一張名片，如果姓名、職稱、電話全部擠在一起，沒有適當間距，讀者會花三秒才能找到重點；但如果把姓名和職稱靠近、電話和信箱另外一組，再拉開兩組之間的距離，瞬間就能引導視線「先看誰，再看怎麼聯絡」。這就是間距的魔力——它不說一句話，卻默默告訴讀者：「這些是一起的，那些是另外的。」
如何用間距告訴讀者「這是一組的」？
回到阿正的案例，他犯的錯誤正是「所有元素不分組」。在香氣世界，如果前調、中調、後調沒有物理上的區隔，鼻子就會混亂。在排版世界，同樣的道理：
- 群組內部：縮小間距。比如一段文字中的標題與副標題，應該比標題與下一段文字更靠近。這樣讀者會自動把標題和副標題視為一個單元。
- 群組之間：放大間距。不同群組（如產品名稱 vs 價格 vs 說明）之間要留下明顯空白，讓視線跳躍時知道「這是一個新的類別」。
- 對齊輔助：搭配左對齊或網格，讓同群組內的元素在垂直或水平方向上形成一致，強化「同一組」的感覺。
舉個台灣設計師常見的場景：電商平台商品卡。如果商品圖片、標題、價格、評價星數全部擠在一起，消費者會覺得像跳蚤市場。但如果把「圖片」獨佔一塊，然後「標題+簡短描述」靠近，「價格+購買按鈕」靠更近，並在這些區塊之間留出明顯的上下間距，消費者就能在一秒內理解「這是什麼、多少錢、要不要買」。這正是資訊階層（創意88｜實戰乾貨庫）的展現，而鄰近性原則就是建立階層的入門磚。
對比反差：混亂與秩序只差一個間距
阿正後來把這個領悟應用到工作室的所有對外文件上。他重新設計了產品目錄：之前所有香調介紹像搞雜燴，現在他將每款香水拆成「前調、中調、後調」三個群組，每個群組內用1.5倍行高，群組之間用3倍行高，並加上小標題。客戶翻開目錄，眼睛自然先掃描群組標題，再細看內容，選購速度提升一倍。他甚至把這個概念教給員工，讓他們在調香台上也用「分區瓶架」——把前調原料放在一起、中調放一起，後調放另一區。工作效率大增，失誤率降到零。
反觀其他調香師，依然把精油瓶塞滿整個檯面，每次調香都要在混亂中找尋，就像沒有群組化（創意88｜實戰乾貨庫）的網頁，用戶點擊前先迷路十分鐘。這就是鄰近性原則帶來的直接勝負：誰讓用戶一眼看懂，誰就贏得信任。
讓靈感轉化為實際成果
你可能會問：「我懂了鄰近性原則，但實際操作時還是抓不準間距數值怎麼辦？」別擔心，這就是設計溝通（創意88｜實戰乾貨庫）最需要實戰經驗的地方。我們不談空泛理論，只給你經過實測驗證的公式。例如「群組內間距用8px，群組間用24px，網格基礎為4的倍數」——這些具體數字，都能在創意88｜實戰乾貨庫的「排版設計」分類中找到對應的避坑心法。無論你是設計師、行銷人還是影音創作者，這裡的知識都來自台灣在地的實戰案例，幫助你跳過冤枉路，讓每個作品都帶有清晰的溝通溫度。
別再讓你的設計像阿正第一次調香那樣，把所有元素混在一起。從今天開始，用鄰近性原則重新檢視你的稿件：把相關的物件拉近，把不相關的推遠。你會發現，讀者不只讀得更快，他們還會感受到你的專業——那種「這個設計師懂我」的信任感，正是從一個小小的間距開始。
重點回顧
- 鄰近性原則：距離近＝同一群組，距離遠＝不同群組。
- 間距是無聲的語言：縮小內部間距、放大外部間距。
- 搭配對齊與網格，強化群組認知。
- 從調香到排版，原理完全相同：分組才能創造層次，層次才有溝通力。
現在就打開你的設計軟體，試著用間距重新分組，你會發現世界變得更清楚了。
關鍵字
鄰近性原則、排版設計、視覺動線、資訊階層、間距、群組化、設計溝通
※ 本文提及之故事與案例為創作內容，旨在輔助說明設計原理；相關引用之公開資訊與網路資料僅供參考，實際操作請依最新法規及專業判斷為準。如涉及商標或產品資訊，請以官方公告為準。
雜誌感（Editorial Style）的網頁排版如何落地？關鍵在於大膽的非對稱網格。
