我想應該沒有一個用戶愿意花大半天時間去瀏覽一個網頁，看到的是一堆自己不想找的信息吧。網頁排版布局設計中，留白技巧尤為重要，對于用戶瀏覽信息的體驗而言至關重要，甚至影響網站的轉化率。

留白指的是設計里的背景空白空間，圖片、文字、標題和Logo等構成設計里的前景部分。

作者：Firman-Suci-Ananda

留白讓你的設計有了呼吸的空間，處理好了留白問題，前景主體部分將會凸顯，用戶就能看到你想表達的信息。

花最少的時間獲取最多的有用信息，才是用戶的出發點。

來源：adidas中國官網

如果一個網站干凈、簡單，它就能留住用戶。所有的設計師都希望自己的網站轉換率高，而留白在這方面起了很大作用。

來源：Apple中國官網

留白有哪些好處？

1、留白增加易讀性

如果文字間距安排的合理，段落文字之間的空白區域使得信息層級關系清晰明了，頁面也更加有條理和邏輯性。那么就能增加易讀性，用戶體驗也會更好。

2、留白增加互動性

如果網頁里填充了大量的文字信息，有時會讓用戶感到害怕。而適當的留白給了用戶互動參與的時間和呼吸的空間，標題和小標題周圍的留白也能吸引用戶的注意。

來源：法拉利中文官網

3、留白讓CTA按鈕更加明顯

CTA（Call to action）按鈕對于優化網站轉化率有很大幫助，可以吸引用戶注冊會員、下載軟件、購買產品等。因此設計師們需要考慮如何讓CTA按鈕更加明顯。

來源：Nike中國官網

來源：錘子科技官網

可以設置清楚的圖標或者增大按鈕的尺寸，另外按鈕旁邊增加大量的留白通常都是非常有效的。

4、留白讓頁面更整潔

留白應用的恰當，網頁也會顯得有條理，更加干凈整潔，用戶體驗也會更好。

來源：小米企業官網

5、留白增加了平衡感

如果不使用留白，網站會看起來雜亂無章，用戶瀏覽網站時也會不知所措。但是，過多的留白也會讓網站看起來太空，沒有內容。因此，恰當的留白可以營造平衡感，視覺上也更具現代感。

6、留白造成了元素分割

留白可以分割內容里的不同元素，讓用戶瀏覽不同的部分。網站用戶一般會選擇他們最感興趣的去閱讀，使用留白分割不同的元素，則給用戶提供了選擇的自由。

作者：Stugbear

盡管留白有如此多的好處，但所謂蘿卜白菜各有所愛，有人喜歡干凈整潔的頁面，而有人偏好內容繁多、顏色豐富的網站。就像一些人習慣用Google搜索，而另外的人喜歡“擁擠”的雅虎頁面。

因此留白問題一直是個爭論的熱點問題，一些設計師認為留白能帶來更好的用戶體驗，而其他人則認為留白沒有任何好處。

是否使用留白，還是要看設計師自己對網站用戶的分析和理解。留白不僅僅是指“空白”，留白設計的巧妙，可以增加設計感，吸引用戶的注意，提高易讀性。

來源：Worktile官網

小結

-

關于網頁排版布局設計中的留白技巧這方面的建議、案例網上有太多了，數不完，但基本都是解說同一個道理。這都是設計師為了在易讀性和平衡性之間找到最佳的用戶體驗因素。設計師不得不同時兼顧網站呈現的內容以及用戶對象，合理地安排布局中的留白，確保用戶使用體驗是滿意的，從而最終提高網站的年提額度和轉化率。