「留白」並非單指白色空間,而是指版面中無額外元素、無裝飾的「空白狀態」。它是設計的呼吸空間,是佈局平衡的隱形支柱,更是引導視覺流向的無聲指揮家。優秀的留白運用,能讓資訊層次分明、品牌形象昇華、用戶體驗順暢。

Layervault 個人網站雖保留少量裝飾,但大膽留白賦予內容充足呼吸感,視覺焦點瞬間聚焦。反觀擁擠佈局:字間距、行距、模組間距壓縮至極限,用戶需付出高認知成本才能提取資訊,體驗必然崩塌。用戶從不稱讚「版面真寬鬆」,但遇到擁擠立刻流失——留白是防禦性設計的最高形式。

Mailchimp 以大面積留白托舉品牌標識,資訊層次清晰可辨。設計師應視留白為佈局核心工具:給元素留出呼吸空間,資訊層次自然分明,視覺引導順暢無阻。

Dan Edwards 個人網站以大量留白包裹字體與作品,層次感極強。留白能收攏用戶注意力,避免元素過多導致的視覺分散,讓用戶最快速度鎖定目標資訊。
Keep It Simple, Stupid——保持簡潔是亙古不變的設計真理。「不完整才是完整,殘缺才是完美。」設計師的任務是運用佈局、留白、色彩、尺寸、字體營造視覺焦點。去除非必要元素,僅保留核心內容,不僅設計師輕鬆、開發者高效、用戶瀏覽也輕鬆。

Squarespace 以材質、色彩、留白、字體構築純粹品味感。注意:留白非盡量留白,需維繫元素間的關聯性與一致性。優秀留白能讓設計通俗易懂,提升頁面可用性。


留白是設計師送給用戶的禮物:尊重他們的時間與認知資源。下次佈局時,試著刪減 20% 元素,觀察留白帶來的秩序重組——那才是專業的起點。