各種不同情況下,留白要求都不盡相同。你需要不斷訓(xùn)練自己,做到對(duì)留白所能帶來的改變時(shí)刻心中有數(shù),從而有效地利用留白滿足設(shè)計(jì)需求。
1、使用網(wǎng)格輔助設(shè)計(jì)
利用網(wǎng)格當(dāng)然能幫助你理解元素之間的空白。留白并不是浪費(fèi)空間:空白并不總是等著你去填充的。沒錯(cuò),少就是多:與其用盡心思填滿某個(gè)區(qū)域,不如就把它留空,只保留至關(guān)重要的信息就好。
2、像素級(jí)的完美
有一個(gè)方法能夠看出某人在完成一項(xiàng)網(wǎng)頁(yè)設(shè)計(jì)時(shí)是否真的用心了。有時(shí)候創(chuàng)造奇跡的就是一些小細(xì)節(jié),一些別人幾乎無法察覺的細(xì)節(jié)。我所說的像素級(jí)的完美就是指在線條、邊緣和邊框描邊上仔細(xì)推敲。與其就用一條單一的線,不如多加一些細(xì)節(jié)。細(xì)節(jié)可以是細(xì)微的漸變,也完全可以只是一條1像素寬的細(xì)線(用作表現(xiàn)陰影或高光)。有了這些細(xì)節(jié),你的設(shè)計(jì)會(huì)大不一樣。
3、善用水印文字
如果你讓你的網(wǎng)站在視覺上更有層次感,那么留白是一個(gè)很好的方法,你需要好好利用它。 網(wǎng)站的留白與其他設(shè)計(jì)元素一起使用,加強(qiáng)網(wǎng)站的視覺層次感,讓用戶在瀏覽網(wǎng)站時(shí)不會(huì)產(chǎn)生視覺疲勞。 反而會(huì)更加吸引用戶的注意力。
畫面「空」最直接的原因在于留白不合理,那么最常用的解決方式就是將原本不合理的留白通過其他元素進(jìn)行填充,也就是要用,比如:通過添加水印文字的形式進(jìn)行填充有以下幾點(diǎn)優(yōu)勢(shì):
能起到很好的填充留白的作用,從而可以解決畫面「空」的現(xiàn)象,且能很大程度上保留畫面本身的品牌調(diào)性、簡(jiǎn)潔風(fēng)格。文字作為水印形式存在,不會(huì)影響主體的視覺表達(dá)以及視覺流暢度的體現(xiàn)。
水印文字常用英文或者數(shù)字、書法等字體形式,而這類字體放大后本身都具有很強(qiáng)的裝飾性和設(shè)計(jì)感,所以通過添加水印文字的水印文字的制作:正常字體放大后填充顏色,做適當(dāng)?shù)耐该鞫忍幚?,常用的透明度范圍?-15%,具體效果以實(shí)際視覺為準(zhǔn)。
4、元素的組織
為元素提供空間:留白也可以說能夠預(yù)留儲(chǔ)存空間,便于擴(kuò)展和利用。網(wǎng)站開發(fā)設(shè)計(jì)留白并非只使用白色,其實(shí)是預(yù)留空間來合理組織整合元素,如導(dǎo)航、頁(yè)眉頁(yè)腳、圖像、文字、列表、LOGO、圖片等。