在日常的設(shè)計(jì)工作中，相信大家會(huì)時(shí)常聽到需求方說(shuō)：「你做的東西太空了、留這么多空白讓我給你做嗎？」等等的言論……

元素太少就會(huì)空：容易給人一種缺少設(shè)計(jì)感、沒(méi)有層次感、畫面單一無(wú)變化的感受；而元素太多則會(huì)滿：容易給人帶來(lái)元素雜亂、沒(méi)有視覺(jué)主次、缺少品牌調(diào)性的感受。

如何有效的避免這兩種現(xiàn)象的出現(xiàn)，這里我借助數(shù)學(xué)理論中的「加減運(yùn)算」的形式，為大家分析如何有效避免設(shè)計(jì)作品中畫面空的現(xiàn)象出現(xiàn)，也就是設(shè)計(jì)加法的使用。

一、常見(jiàn)誤區(qū)

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

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

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

二、善用水印或者文字

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

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

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

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

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

水印文字的制作：正常字體放大后填充顏色，做適當(dāng)?shù)耐该鞫忍幚恚Ｓ玫耐该鞫确秶?-15%，具體效果以實(shí)際視覺(jué)為準(zhǔn)，原則上盡量不影響主體以及文案信息的表達(dá)即可。

三、善用點(diǎn)線面作為輔助小元素

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

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

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

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

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

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

四、加入層次或者空間感，增加視覺(jué)變化

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

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

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

2. 將畫面做出光感

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

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

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

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

4. 運(yùn)用色塊

運(yùn)用一些色塊也可以起到一定的增加視覺(jué)變化的作用，比如：

無(wú)論是哪種方式，目的都是為了增加畫面更多的整體視覺(jué)變化，但是要切記，無(wú)論如何都不能因?yàn)楦淖兌雎粤酥黧w。

五、把控視覺(jué)比例

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

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

總結(jié)

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

文：云和數(shù)據(jù)高級(jí)UI設(shè)計(jì)師