1. 程式人生 > >頁面設計中的留白為什麼如此重要?

頁面設計中的留白為什麼如此重要?

幾乎所有的使用者都喜歡整潔、有條理、容易看懂的網站。想想誰願意花大半天時間去瀏覽一個網站,看了一大堆資訊卻找不到自己想要的?如果一個網站乾淨、簡單,它就能留住使用者,而留白在這方面起了很大作用。

一、認識留白藝術

留白在藝術設計中是重要的視覺標準之一,網頁設計中留白也是極為重要的,留白指圍繞設計元素,如影象、文字的空間,使佈局排版顯得乾淨和精緻。網頁設計中的留白要使元素之間保持距離,擁有呼吸的空間。儘管這個術語尤其指留“白”,但它所指的區域並不一定要是白色的。它只是網頁佈局中環繞各元素的空白空間,處理好了留白問題,前景主體部分將會凸顯,使用者就能看到你想表達的資訊。
在這裡插入圖片描述
來源:Apple中國官網

二、留白設計的好處

1、留白增加易讀性
如果文字間距安排的合理,段落文字之間的空白區域使得資訊層級關係清晰明瞭,頁面也更加有條理和邏輯性。那麼就能增加易讀性,使用者體驗也會更好。
2、留白讓頁面更整潔
留白應用的恰當,網頁也會顯得有條理,更加乾淨整潔,使用者體驗也會更好。
3、留白增加互動性
如果網頁裡填充了大量的文字資訊,有時會讓使用者感到害怕。而適當的留白給了使用者互動參與的時間和呼吸的空間,標題和小標題周圍的留白也能吸引使用者的注意。
4、留白讓CTA按鈕更加明顯
CTA(Call to action)按鈕對於優化網站轉化率有很大幫助,可以吸引使用者註冊會員、下載軟體、購買產品等。因此設計師們需要考慮如何讓CTA按鈕更加明顯。可以設定清楚的圖示或者增大按鈕的尺寸,另外按鈕旁邊增加大量的留白通常都是非常有效的。
在這裡插入圖片描述


來源:Nike中國官網

5、留白可提升搜尋流暢度
百度和必應搜尋引擎,詮釋了留白簡潔有效,這個簡單的例子再適合不過了。
百度準確地理解了一點,正在搜尋某個話題的使用者,不想被嘈雜的背景和廣告分散注意力。因此,留白支配了整個百度搜索引擎頁面,沒有過多的東西去幹擾使用者的注意力,實際搜尋框只佔據頁面中央窄窄一絲空間。
6、留白增加了平衡感
如果不使用留白,網站會看起來雜亂無章,使用者瀏覽網站時也會不知所措。但是,過多的留白也會讓網站看起來太空,沒有內容。因此,恰當的留白可以營造平衡感,視覺上也更具現代感。
7、留白造成了元素分割
留白可以分割內容裡的不同元素,讓使用者瀏覽不同的部分。網站使用者一般會選擇他們最感興趣的去閱讀,使用留白分割不同的元素,則給使用者提供了選擇的自由。

總結:
留白,留給了字型和設計作品足夠的空間。保持層次感,留白區域能夠很好的指引使用者,如果元素過多,那麼使用者的注意力會分散。留白能夠讓使用者儘快的尋找到所需要的資訊,提高使用者體驗。可以把留白當做睡眠和空氣,兩者是生活不可或缺的元素。沒必要把留白當做必須遵守的規則,不如把它做可愛的設計幫手。

來源:世界工廠網•企業線上生態學院