為什麼留白令人不安?

客戶看到初稿,第一個反應常常是「這裡是不是還可以放一點什麼」「感覺有點空」。

這個反應完全正常——人腦對「未填滿的空間」有某種不安感,下意識想要填補它。

但在設計溝通中,留白(White Space / Negative Space)不代表頁面「沒有設計」,而是一個積極的設計決策:選擇不在這個位置放任何東西,讓周圍的元素得到更多注意力。

留白的三個層次

微留白(Micro White Space)

文字行距、字元間距、按鈕的內邊距(padding)——這些細小的間距決定了你的文字是否「好讀」。

行距太緊讓文字看起來擁擠,難以進入閱讀節奏;行距適當讓視線可以順暢地從一行移動到下一行。一般建議行距是字體大小的 1.5 倍(例如 16px 字體 + 24px 行距)。

按鈕的 padding 太小讓按鈕看起來局促不舒適;充足的 padding 讓按鈕看起來「可被點擊」且有質感。

頁面留白(Page White Space)

段落之間的間距、欄位之間的距離、照片與文字之間的距離——決定了頁面的整體「呼吸感」。

頁面留白不夠的設計,每個元素都在爭奪注意力,結果反而都引不起注意。留白讓重要的元素有視覺上的「領域感」,讓視線知道「這個是一個單位,那個是另一個單位」。

一個簡單的測試:如果你縮小視窗到只能看到頁面的一個區塊,你應該仍然知道「這個區塊在說一件事」。如果你看不出來,留白可能不夠,讓元素之間沒有清楚的分隔感。

區塊留白(Section White Space)

頁面各段落(例如服務介紹段落、作品集段落、聯絡段落)之間的大距離,讓使用者清楚地感受到「這裡是一個段落的開始」。

對冷色調、高端品牌的網站(精品、顧問服務、設計工作室),這個留白往往非常大(有時候一個段落開始前有整個螢幕高度的空白),這是刻意的節奏感設計。

留白的功能性作用

引導視線

留白創造「視覺流動」的路徑。當一個按鈕的四周有充足留白,視線會自然被它吸引;當兩個元素之間有很大的空間,視線會知道它們是獨立的兩件事。

建立品牌質感

留白是「高端」視覺感受的核心要素之一。比較蘋果官網和一般電商促銷頁面的差異——這兩種的大量留白和緊密排版,對應著截然不同的品牌訊息。

對服務型個人品牌來說,如果你希望傳遞「高品質、精緻、值得信賴」的訊息,足夠的留白是最直接的視覺語言。

降低認知負荷

一個塞滿資訊的頁面需要大腦花費更多能量處理——使用者感覺「累了」,離開的機率增加。

設計中的留白是給大腦的「緩衝時間」,讓人可以輕鬆處理每一個資訊單位,而不是被大量的視覺刺激壓昇。

如何知道自己的設計「留白夠了」?

一個快速的自我檢查方法:把設計放到 50% 縮小比例觀看。在縮小後,你仍然能清楚識別每個元素的位置和重要性嗎?

如果頁面縮小後變成一團模糊的資訊塊,留白通常不夠。如果縮小後每個主要區塊仍然清晰可辨,留白的使用是有效的。

另一個方法:讓設計放幾個小時,然後用「初次看到」的眼光重新看它。你的視線最先落在哪裡?如果最先看到的不是你希望使用者最先看到的,留白的引導可能需要調整。