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

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

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

1、為主視覺(jué)去增加留白

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

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

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

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

3、放大圖片背景無(wú)裝飾部分

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

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

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

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

5、圖片背景的虛化

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

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