留白不是空白，是視覺呼吸的節奏。幾乎任何品牌都能用留白技巧表現高級感，對新人設計師更是擺脫「被素材綁架」狀態的入門必修課。本文通過 9 組實戰案例，解碼輕度留白的操作精髓。

留白三大核心功能

1. 建立視覺層級：留白區隔信息模塊，引導閱讀順序，核心信息獲取最大留白保護區。
2. 傳遞品牌調性：大面積留白=自信、極簡、高端、專業；適度留白=平衡、舒適、親和。
3. 提升信息獲取效率：減少認知負荷，讓視線「落得下、看得清、記得住」。

新手輕度留白實操 4 步法

1. 建立基線網格：8px/4pt 基準，所有邊距、行距、元素尺寸遵循倍數關係。
2. 定義留白階梯：模塊間距 > 區塊間距 > 行距 > 字距，層層遞減，形成節奏感。
3. 強制留白區：Logo 周邊保護區、CTA 按鈕周邊、標題上下、頁邊距——寫入設計規範，不可壓縮。
4. 以減法驗證：完成初稿後，嘗試刪除 20% 元素，觀察核心信息傳達是否受影響。若無影響，果斷刪除。

避坑指南

• 留白 ≠ 留白色（可為品牌色/圖片/紋理），關鍵是視覺休止符。
• 不要為了留白而犧牲關鍵信息完整性（如法律文案、操作指引）。
• 響應式設計中，留白比例需隨斷點自適應調整，移動端留白壓縮 ≤ 50%。

留白，是設計師給用戶的禮物——在喧囂資訊流中，留一處安靜讓品牌與用戶相遇。