網(wǎng)頁設(shè)計中留白的四個小技巧

在日常的設(shè)計工作中，相信大家會時常聽到需求方說：「你做的東西太空了、留這么多空白讓我給你做嗎？」等等的言論，元素太少就會空：容易給人一種缺少設(shè)計感、沒有層次感、畫面單一無變化的感受；而元素太多則會滿：容易給人帶來元素雜亂、沒有視覺主次、缺少品牌調(diào)性的感受。如何有效的避免這兩種現(xiàn)象的出現(xiàn)，這里我借助數(shù)學(xué)理論中的「加減運算」的形式，為大家分析如何有效避免設(shè)計作品中畫面空的現(xiàn)象出現(xiàn)，也就是設(shè)計加法的使用。

一、常見的誤區(qū)

誤區(qū)一：很多人會把「空」解釋為有意的留白，其實這是一種誤區(qū)，合理的留白目的是：留出喘息空間、留出視覺中心、提升畫面品牌調(diào)性，但并不會因為用到留白知識而導(dǎo)致畫面空、缺少細節(jié)、缺少變化、設(shè)計感等等。留白并不是肆無忌憚的隨意減少視覺元素，只剩下產(chǎn)品+主文案信息，不能將畫面空歸咎于留白。

誤區(qū)二：當(dāng)我們發(fā)現(xiàn)作品畫面空的問題時，就加各種漂浮物、發(fā)散性元素、用于填充畫面，彌補問題。這是常見的一種補救方式，但是卻很容易因為這些元素過多使用而導(dǎo)致畫面雜亂、無法體現(xiàn)視覺重點，品牌感。

那么當(dāng)我們出現(xiàn)畫面空的問題時，應(yīng)該從哪些方面進行入手修改呢？

二、善用水印文字

畫面「空」最直接的原因在于留白不合理，那么最常用的解決方式就是將原本不合理的留白通過其他元素進行填充，也就是要做加法運算。水印文字就能起到很好的填充作用，而且也非常實用，比如：

通過案例對比我們不難發(fā)現(xiàn)，通過添加水印文字的形式進行填充有以下幾點優(yōu)勢：

能起到很好的填充留白的作用，從而可以解決畫面「空」的現(xiàn)象，且能很大程度上保留畫面本身的品牌調(diào)性、簡潔風(fēng)格。

文字作為水印形式存在，不會影響主體的視覺表達以及視覺流暢度的體現(xiàn)。

水印文字常用英文或者數(shù)字、書法等字體形式，而這類字體放大后本身都具有很強的裝飾性和設(shè)計感，所以通過添加水印文字的形式也間接的增強了畫面整體的設(shè)計感。

水印文字的制作：正常字體放大后填充顏色，做適當(dāng)?shù)耐该鞫忍幚?，常用的透明度范圍?-15%，具體效果以實際視覺為準，原則上盡量不影響主體以及文案信息的表達即可。

三、善用輔助小元素

避免畫面「空」的第二種方式就是運用一些點狀、線狀的輔助小元素進行填充，同樣也是等于在做加法，比如：

輔助小元素的有無對于畫面整體的影響還是很直觀的，這些元素的使用大大增加了畫面整體的裝飾感和豐富度，可以起到很好的避免畫面「空」現(xiàn)象的出現(xiàn)，而且這類輔助小元素的優(yōu)勢相比水印文字：

同樣具有填充作用，相比而言填充力不像水印文字那么直觀，但畫面整體的精致度有所提升。

都可以體現(xiàn)出一定的裝飾性和設(shè)計感且都不會影響到整體風(fēng)格的體現(xiàn)。

輔小元素的使用要根據(jù)視覺把控好使用的多少，過多的使用會影響畫面的整體感、容易分散視覺注意力，要依據(jù)視覺最終感受進行添加。

注意：此類元素在畫面中一般情況下都是以點狀或者線狀元素的形式存在，不易過大，要盡可能做到不影響畫面主體，只作為輔助填充的元素存在。

四、增加視覺變化

導(dǎo)致畫面「空」的第二個直觀原因就是缺少層次變化、過于單一、平面化，改變這一現(xiàn)狀的方式就是增加視覺上的變化，讓畫面整體細節(jié)感更強，避免因缺少視覺變化導(dǎo)致「空」的現(xiàn)象出現(xiàn)，常用的增加視覺變化方式我們簡單列舉幾種：

1. 給產(chǎn)品做投影、倒影

給產(chǎn)品做投影、倒影，用于提升畫面整體的層次感。

2. 將畫面做出光感

將畫面做出光感，這也是之前一直提到的一種很好的視覺表達形式，需要注意的是要確定好光源方向，一旦確定好，所有的視覺元素都要符合光的感覺，而且有光就有影。

3. 適當(dāng)運用一些材質(zhì)、肌理

適當(dāng)運用一些材質(zhì)、肌理，用于增加作品整體的細節(jié)感，同時也能起到很好的視覺填充作用。

這些材質(zhì)在一定程度上既能起到很好的增加細節(jié)感的作用，又能起到填充的作用，而且也增強了畫面整體的視覺變化程度、豐富度，但是要注意不能太過刻意的體現(xiàn)材質(zhì)紋理而導(dǎo)致?lián)屃酥黧w。

4. 運用色塊

運用一些色塊也可以起到一定的增加視覺變化的作用，比如：

無論是哪種方式，目的都是為了增加畫面更多的整體視覺變化，但是要切記，無論如何都不能因為改變而忽略了主體。

五、把控視覺比例

視覺比例即：主體元素及文案信息占畫面整體的比例關(guān)系，當(dāng)然設(shè)計不像算數(shù)，并不會有固定的值，只要從視覺的角度看比例協(xié)調(diào)、合理就行。最簡單的一個只有產(chǎn)品和文案的海報，只要視覺比例把控得當(dāng)，就能很大程度上改變畫面「空」的感受，比如：

同樣是產(chǎn)品+文案，上下的差距一目了然，之所以會呈現(xiàn)出這樣的視覺感受在于對留白的運用，也就是視覺比例關(guān)系，當(dāng)整體比例關(guān)系運用得當(dāng)時，哪怕只是產(chǎn)品和文案，不添加任何輔助元素和效果，也不會給我們「空」的視覺感受；各個元素的視覺比例不恰當(dāng)也會是造成畫面「空」的原因之一。

總結(jié)

避免畫面「空」的解決方式有很多種，它們也可以相互結(jié)合使用，但是要注意切不可每種手法都用導(dǎo)致畫面最終呈現(xiàn)雜亂的感覺，合適即可，如果因為所謂的設(shè)計感或者技巧而改變了設(shè)計本質(zhì)，那么這些東西就會是畫蛇添足的作用，毫無用處；切記「水可載舟亦可覆舟」，方式很重要。