別再放滿整個版面！適時『留白』更具專業質感

圖片來源：ArkBeez官方授權

『畫面都空空的幹什麼？字放大點！字那麼小幹嘛？這裡還可以加個圖啊！』
在處理視覺的東西時，常常會聽到這些言詞，所以『留白』真的不重要嗎？

其實『留白』已經成為最廣泛的應用手法，大部分的人總認為這是無趣、沒創意、沒資訊、空空的設計，因此也很少人了解到這些『空白』的存在，就是『有色、聲、物』對比的基礎。

總是喜歡把畫面擺得滿滿的？覺得多餘的留白都是浪費，想要讓大家看得越多越好？但其實，只有安靜才能讓我們暸解到聲音的重要性，所以畫面也是。留白是一個非常強大的視覺設計技巧，不但能提升網站設計質感、對使用者觀看來說，適時地提供留白與提供有價值的內容是一樣重要的。

『留白』是什麼？

留白的英文名稱為：Negative Space，又為『負空間』。
在畫面裡的每個圖案、文字都可算是『正空間』，而這些圖案及文字以外的空白之處，就是我們不常注意的地方，便稱為『負空間』。

幹嘛要留白？

『當所有重要的元素都呈現在空白的背景裡，那麼重要的東西就能自然凸顯出來』，不管是戲劇、音樂，都會有『停頓』、『令人屏著呼吸』、『定格』，之後再延續，並等待另一個高潮。而留白的效果也是如此，將設計與重要元素綁在一起，幫助朔造頁面的流程。

• 讓頁面增添優雅氣息
• 使用者較容易注意到重要元素，而降低干擾
• 增強視覺設計的層次感
• 增加頁面的閱讀性
• 不需使用『表單、框框、箭頭』等元素，就能讓重點清晰可見

如何適當的留白？

1.適當選擇留白的空間
正確的使用留白，可以使閱讀性增加20%！文字需要標點符號喘息，那文字間的留白就是要讓使用者，在閱讀間有停頓與讓眼睛有視覺的喘息空間。過於擁擠的文字會造成閱讀障礙、難以閱讀等不連貫性，所以適當留白是非常重要的。

2.調整內容間的間距
文字間都有適合的距離了，那再更大的內容顯示時，『適當的間距』就更是重要了，人的眼睛會自然地認為『放在一起的物件是有關聯的』，因此如果距離較遠，就非常有可能被解釋成別的方向了。內容之間的留白也會互相扮演視覺的提示作用，讓使用者可以知道不同元素間的相互關係。

3.製造焦點
一個佈滿資訊的介面會大大降低使用著的閱讀意願，因為雜亂、也不知道從何看起，就很容易失焦而放棄閱讀。因此可以藉由『留白』的方式，留白的地方越多，使用者也就更容易注意到。

4.留白只能是白色？
雖然稱為『留白』，但不是一定背景都需要是白色，它可以是任何顏色的空白，甚至任何一致的線條或紋路的背景圖皆可。

例如：再睡五分鐘高雄店要迎接開幕，就用咖啡色調的留白背景，融入品牌Logo與開幕地點高雄，讓大家的目光都集中在品牌與高雄，就成功吸引大家關注也清楚傳遞品牌近期的活動目的。

圖片來源：再睡五分鐘臉書粉絲專頁