屏幕有限，網頁設計亦有限。每個像素皆寸土寸金。即使新手知頁面不可過載，但「該留多少白」，連資深設計師也常茫然。

什麼是負空間？

留白（負空間）指螢幕中元素間的關係。不一定是白/黑色，圖案、色彩、紋理背景均可為留白。核心功能：在內容外創造空白環境，聚焦觀者注意力於內容。

留白四大核心價值

1. 引導視線掃描：大元素間留白（大空間）吸引/引導眼球掃描路徑，運用得當能聚焦品牌標識或交互入口
2. 提升清晰度：小元素間留白（小空間：文字、行距、列表、圖標）讓元素易於辨識
3. 視覺審美：大圖片中留白決定畫面好壞，混亂內容絕非佳作
4. 賦予高級感：豐富留白注入精致優雅氛圍

大空間 vs 小空間：角色決定運用策略

1. 大元素留白（大空間）

涉及：整體內容、獨立元素、文本分欄、Margin/Padding、圖片間距

極大影響視覺流向。距離越大吸引力越強，但過度留白違反格式塔原則，削弱元素關聯。

實戰案例：Tomasz Wysocki's Portfolio

用戶首注標題「Digital art & Experiments」，外圍大面積留白聚焦注意力。頂底單側留白同樣引導視線。留白作空白幕布：滑鼠移至底部導航，幕布現作品全屏背景，創造探索發現樂趣——無意闖入空白處，發現抽屜藏豐富視覺盛宴。

留白作誘導工具，點燃好奇心，驅動用戶主動探索更多作品。

2. 小元素留白（小空間）

涉及：字體、行距、段落、列表、按鈕、圖標。核心服務於排版清晰度。建議英文行距1.5倍（中文需另行考量）。格式塔原理：距近視覺關聯強，暗示同功能。按鈕/鏈接間距一致強化認知機制。

被動留白 vs 主動留白：達到視覺平衡的雙重策略

1. 被動空間：最小化必要留白

無足夠留白→不可讀/失去方向/視覺混亂。被動留白讓網站易理解。

導航鏈接間距、文字行距/字距——微不足道、不引人注意、視之正常即最佳。大元素：足夠border/margin區分元素（如導航與註冊間隔）。小元素：字符/段落最大可讀性、列表選項獨立性。應用應自然而然，目的甚至是「不被注意」。

2. 主動空間：刻意放大聚焦核心

Werkstatt案例

頁面有菜單、下拉箭頭等元素，但中間黑色大字佔主導。設計師放大中間留白，置重要資訊於此，注意力完全聚焦。減少次要元素間距＝「隱藏」次要資訊（如法律聲明/版權）。

大元素主動留白創造首要注意力或分散重要資訊；小元素主動留白可凸顯關鍵引言/段落。

極簡主義：留白的極致表達

留白越多→越趨極簡。刪減干擾元素，讓用戶聚焦核心內容。無噪音，精華呈現於優雅留白中。影響兩面：現存元素極少、高級氛圍營造。

實戰建議：先鋪滿被動空間建立基礎秩序，再以主動空間聚焦核心、隱藏次要，最後視品牌調性決定是否走向極簡。負空間非空無，而是設計師精心編排的「視覺呼吸韻律」。