名言錄

“很多程序員不明白的是,用戶界面設計是教學電腦如何使用人,而不是相反的。”

— VrP49dBk5x

廣告

利用空白空間(或負空間)在你的設計裡

空白空間 (White Space) 是設計的基本原理之一,它亦是最被人低估的原理。如果能夠掌握如何控制空白空間,我們就可以控制到設計裡最細微又最有決定性的元素,並能夠好好利用它。

概括地說,空白空間是不同設計元素之間的空隙,它可以是設計裡各元素之間的空隙,或是字和字之間的空隙。在大多數情況下,我們用空白空間(又稱為負空間 (Negative Space))來把內容分開,令用戶 (User) 能夠更加容易和更快地瀏覽到資料。

現在,我們將會介紹如何使用負空間在你的設計裡,並且研究它是如何讓設計給人一個乾淨和整潔的感覺。

什麼是空白空間?

正如我剛才解釋,空白空間(或負空間)是不同元素之間的空隙。為了便於比較,所有被使用的空間就是「正空間」 (Positive Space)。事實上,負空間可以塑造出積空間,看看下面的錯視圖像。

你看到什麼?花瓶還是兩副面孔?如果你看到的面孔,這是因為在這個特殊的設計裡,白色的部分成為了負空間,而兩側黑色的部分就是正空間。如果我們逆轉來看,我們就會得到一個完全不同的觀點,因為兩側一起塑造了一個形狀出來。

花瓶還是兩副面孔?

這個例子顯示出負空間的重要性,它可以定義出哪些內容是在正空間裡,哪些在負空間裡。你千萬不要當空白空間為內容剩餘下來的空間,你應該把它看作為你設計裡最重要的元素。

空白空間是有兩種級別的,就是宏觀 (Macro) 和微觀 (Micro) 的空白空間,它們分別是核心元素之間的空隙和較小元素之間的空隙。

繼續閱讀