設計留白=無聊沒戲唱? 不不不你錯了!留白超重要!

2021-05-07 15:54 新聞

圖片來源:ArkBeez官方授權

『畫面都空空的幹什麼?字放大點!字那麼小幹嘛?這裡還可以加個圖啊!』

在處理視覺的東西時,常常會聽到這些言詞,所以『留白』真的不重要嗎?

 

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

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

 

 

『留白』是什麼?

留白的英文名稱為:Negative Space,又為『負空間』。

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

幹嘛要留白?

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

善用留白設計,就可以有下列效果:

讓頁面增添優雅氣息

使用者較容易注意到重要元素,而降低干擾

增強視覺設計的層次感

增加頁面的閱讀性

不需使用『表單、框框、箭頭』等元素,就能讓重點清晰可見

 

如何適當的留白?

1.適當選擇留白的空間

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

2.調整內容間的間距

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

3.製造焦點

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

4.留白只能是白色?

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

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

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

以上的小小留白的重點資訊,不知道你有沒有運用到呢?或是有更好的資訊想要與我們交流,都歡迎私訊ArkBeez小編唷!