在網(wǎng)頁設(shè)計(jì)中的留白技巧

畢竟互聯(lián)網(wǎng)的發(fā)展飛快，用戶的閱讀習(xí)慣也越來來越懶惰，很多人不愿意進(jìn)行過多的操作，于是網(wǎng)頁設(shè)計(jì)師就容易為了迎合用戶的閱讀習(xí)慣，把盡可能多的內(nèi)容一下子放到一個頁面中，以為這樣用戶就可以一眼獲取到很多內(nèi)容。

留白可以給予用戶視覺上的呼吸感，并提供布局上的平衡，這樣才能留住用戶，進(jìn)一步引導(dǎo)用戶進(jìn)行瀏覽。留白區(qū)域的可以襯托中心區(qū)域的性能并突出主題。那么在網(wǎng)頁設(shè)計(jì)時，如何去正確的運(yùn)用它呢，今天就跟大家簡單來分享一下。

1、為主視覺去增加留白

當(dāng)主題物四周出現(xiàn)大面積空白時，客戶的視覺就很容易就集中到主體本身，除了因?yàn)橹黧w本身比較搶鏡外，環(huán)繞主體周圍的留白也起到了很大的作用，因?yàn)闆]有了多余的東西分散你的注意力，視覺主體自然就突顯出來了。

2、清晰的層級關(guān)系

不同的留白可以區(qū)分不同的版塊以及同一版塊的不同層次。留白能夠增加或者降低元素的易見性。元素周圍留白越多，顯得越醒目突出。字間距和行間距決定了文字的易讀性。

留白還有助于引導(dǎo)視線，為設(shè)計(jì)建立層次，區(qū)分什么是重點(diǎn)和關(guān)鍵點(diǎn)。視線會立即移動到被留白包圍的元素上。留白為其中的元素增添了沖擊力。

3、放大圖片背景無裝飾部分

很多時候我們需要在背景圖片上加入裝飾文案，但圖片沒有足夠適合排版文字的空間，而你又不想把字體縮小，那么可以把圖片中的無裝飾部分放大，這樣一來就能順利地進(jìn)行文字排版了，留白給了文字理想的展現(xiàn)空間。

4、控制文本可讀性和易讀性

用好留白，任何網(wǎng)站的可讀性與易讀性都會得到改善。如果一個頁面上的文字過于擁擠，它就會妨礙舒適的閱讀體驗(yàn)，從而阻礙整體用戶體驗(yàn)。更多的留白使文字更易瀏覽，從而提升閱讀體驗(yàn)，也更易理解。

標(biāo)題字號要大，標(biāo)題下的文本要緊跟著標(biāo)題以示與標(biāo)題有關(guān)聯(lián)。段落要有段間距，否則文本顯得冗長難讀。頁面底部要適當(dāng)留白。

5、圖片背景的虛化

過度模糊的圖片也是一種留白，雖然圖片里含有信息元素，但由于被虛化得看不真切，相當(dāng)于被隱藏起來，所以也能看作是留白。這種情況在攝影上用得比較廣泛，會讓畫面看起來通透純凈。

在網(wǎng)頁設(shè)計(jì)中使用留白，能讓設(shè)計(jì)中的各個元素結(jié)合地更協(xié)調(diào)、精美，除此之外，設(shè)計(jì)師還需要考慮到用戶的視覺感受和頁面的可讀性，少即是多是設(shè)計(jì)的一種境界，也是留白的真諦。切記留白不是萬能的！并不是所有的作品都需要大面積的留白。留白固然重要，但是不能盲目的追求一種形式。