大家可能不理解自己的畫面明明有很多元素，為什么還是很空，今天就來(lái)給大家講講其中的原因。

關(guān)于畫面空的原因，我將其劃分為四種空，分別為：

第一種：信息空

第二種：占比空

第三種：層次空

第四種：細(xì)節(jié)空

第一種空：信息空

這一種不多說(shuō)了，太直接了，就是真空，啥都沒(méi)有啊，最起碼的信息都沒(méi)有。

我們看下面這塊，一個(gè)漸變色塊之后，啥信息也沒(méi)有了，你是沒(méi)做完還是在這玩殘缺美呢，這種基礎(chǔ)問(wèn)題不能犯：

當(dāng)然，有時(shí)候很多同學(xué)還會(huì)犯另外一個(gè)問(wèn)題，就是 banner 上面直接加一張底圖，也會(huì)覺(jué)得空：

為啥，因?yàn)槟銢](méi)有文字信息，只有圖片信息，所以看起來(lái)不知道你想表達(dá)什么，就像沒(méi)做完一樣，如果你加上點(diǎn)文字，效果馬上不一樣了，我知道你這是一張品牌宣傳圖，在宣傳你"自在"的品牌標(biāo)語(yǔ)，看起來(lái)就會(huì)飽滿很多：

這就是最容易理解的一種空，信息空！

第二種空：占比空

第二種的空和第一種的空是有很大的區(qū)別的，第一種是缺乏信息，第二種是有信息，不過(guò)信息卻不足以撐起整個(gè)畫面。

我們看一下下面這個(gè)案例，案例中的卡片上方放置了一些信息。整個(gè)畫面看起來(lái)似乎足夠豐富了，有背景紋理、有文字、有圖標(biāo)，但其中還是有問(wèn)題，卡片上的信息不夠飽滿，撐不起來(lái)整個(gè)卡片。所以，整體看起來(lái)還是會(huì)顯得很空：

這樣單獨(dú)放在這里，可能大家看不出來(lái)，所以我找了另外一個(gè)案例過(guò)來(lái)，兩者之間進(jìn)行一個(gè)對(duì)比。有了對(duì)比之后，我們就能清晰的看到，另一個(gè)案例中它的整個(gè)框架被撐起來(lái)了，整體非常的飽滿，它的圖標(biāo)和文字都能夠撐起整個(gè)卡片：

在回過(guò)頭來(lái)看，最開(kāi)始的案例中，圖標(biāo)旁邊這一塊空的就很不舒服。圖標(biāo)和文字，都不能夠撐起畫面。

在優(yōu)化之后，將圖標(biāo)和文字進(jìn)行了局部放大，并且在次添加了一些元素在卡片中。這樣一來(lái)，卡片的框架就被完全撐了起來(lái)。

我們來(lái)看一下優(yōu)化前后的效果對(duì)比，更加直觀的感受到效果的變化

大家記住，不是說(shuō)在上面放了一些元素和信息之后，就不會(huì)空了。還得看元素和信息，是否能夠撐起畫面，撐起整個(gè)框架。

第三種空：層次空

當(dāng)我們把內(nèi)容填上了，占比也填滿了，但是為什么還是覺(jué)得空呢，就比如這張圖：

因?yàn)槲覀冎粷M足了橫向單一維度的飽滿，沒(méi)有考慮縱向?qū)哟蔚娘枬M，就像你只有前景，沒(méi)有中后景一樣，前面鋪的再滿，后面層次啥都沒(méi)有，那也是不行的，所以如果我們把縱向?qū)哟我布由?，畫面就不?huì)空了：

這也是很多設(shè)計(jì)師容易忽略的"空"，多看看縱向的層次，會(huì)讓你的畫面更加飽滿！

第四種：細(xì)節(jié)空

第四種空，是一種細(xì)節(jié)上的空，比如我舉個(gè)例子，一個(gè)畫面中心放一個(gè) logo，你會(huì)覺(jué)得比較 ok：

但如果一個(gè)畫面中心只放一個(gè)圓形，你就會(huì)覺(jué)得有點(diǎn)空：

為什么？因?yàn)榧?xì)節(jié)不夠，沒(méi)有看點(diǎn)，這就是為什么我在讓大家包裝的時(shí)候，要運(yùn)用組合的方式進(jìn)行排版，如果你的一個(gè)畫面里，只放一個(gè)元素，那細(xì)節(jié)就不夠，就沒(méi)有看點(diǎn)，就會(huì)讓人覺(jué)得空，比如像這種：

而像下面這些內(nèi)容，就不會(huì)覺(jué)得空了，因?yàn)閹讉€(gè)相對(duì)簡(jiǎn)單的東西合到一起就可以解決細(xì)節(jié)不夠的問(wèn)題：

當(dāng)然，為了更加保險(xiǎn)，我們利用組合的方式，還將每一個(gè)單獨(dú)體做到足夠的細(xì)節(jié)，那你這張圖就太無(wú)敵了，細(xì)節(jié)更加飽滿，根本不存在空的問(wèn)題：

這一點(diǎn)"細(xì)節(jié)空"經(jīng)常在包裝展示的時(shí)候用到，大家一定要重視！

總結(jié)

以上就是今天和大家分享的畫面空的四種類型：

信息空、占比空、層次空、細(xì)節(jié)空

希望對(duì)大家也有所幫助！

作者：菜心設(shè)計(jì)鋪