畫面明明有很多元素,為什么看起來還是很空?
大家可能不理解自己的畫面明明有很多元素,為什么還是很空,今天就來給大家講講其中的原因。
關(guān)于畫面空的原因,我將其劃分為四種空,分別為:
第一種:信息空
第二種:占比空
第三種:層次空
第四種:細節(jié)空
第一種空:信息空
這一種不多說了,太直接了,就是真空,啥都沒有啊,最起碼的信息都沒有。
我們看下面這塊,一個漸變色塊之后,啥信息也沒有了,你是沒做完還是在這玩殘缺美呢,這種基礎(chǔ)問題不能犯:
當然,有時候很多同學還會犯另外一個問題,就是 banner 上面直接加一張底圖,也會覺得空:
為啥,因為你沒有文字信息,只有圖片信息,所以看起來不知道你想表達什么,就像沒做完一樣,如果你加上點文字,效果馬上不一樣了,我知道你這是一張品牌宣傳圖,在宣傳你"自在"的品牌標語,看起來就會飽滿很多:
這就是最容易理解的一種空,信息空!
第二種空:占比空
第二種的空和第一種的空是有很大的區(qū)別的,第一種是缺乏信息,第二種是有信息,不過信息卻不足以撐起整個畫面。
我們看一下下面這個案例,案例中的卡片上方放置了一些信息。整個畫面看起來似乎足夠豐富了,有背景紋理、有文字、有圖標,但其中還是有問題,卡片上的信息不夠飽滿,撐不起來整個卡片。所以,整體看起來還是會顯得很空:
這樣單獨放在這里,可能大家看不出來,所以我找了另外一個案例過來,兩者之間進行一個對比。有了對比之后,我們就能清晰的看到,另一個案例中它的整個框架被撐起來了,整體非常的飽滿,它的圖標和文字都能夠撐起整個卡片:
在回過頭來看,最開始的案例中,圖標旁邊這一塊空的就很不舒服。圖標和文字,都不能夠撐起畫面。
在優(yōu)化之后,將圖標和文字進行了局部放大,并且在次添加了一些元素在卡片中。這樣一來,卡片的框架就被完全撐了起來。
我們來看一下優(yōu)化前后的效果對比,更加直觀的感受到效果的變化
大家記住,不是說在上面放了一些元素和信息之后,就不會空了。還得看元素和信息,是否能夠撐起畫面,撐起整個框架。
第三種空:層次空
當我們把內(nèi)容填上了,占比也填滿了,但是為什么還是覺得空呢,就比如這張圖:
因為我們只滿足了橫向單一維度的飽滿,沒有考慮縱向?qū)哟蔚娘枬M,就像你只有前景,沒有中后景一樣,前面鋪的再滿,后面層次啥都沒有,那也是不行的,所以如果我們把縱向?qū)哟我布由?,畫面就不會空了?/p>
這也是很多設(shè)計師容易忽略的"空",多看看縱向的層次,會讓你的畫面更加飽滿!
第四種:細節(jié)空
第四種空,是一種細節(jié)上的空,比如我舉個例子,一個畫面中心放一個 logo,你會覺得比較 ok:
但如果一個畫面中心只放一個圓形,你就會覺得有點空:
為什么?因為細節(jié)不夠,沒有看點,這就是為什么我在讓大家包裝的時候,要運用組合的方式進行排版,如果你的一個畫面里,只放一個元素,那細節(jié)就不夠,就沒有看點,就會讓人覺得空,比如像這種:
而像下面這些內(nèi)容,就不會覺得空了,因為幾個相對簡單的東西合到一起就可以解決細節(jié)不夠的問題:
當然,為了更加保險,我們利用組合的方式,還將每一個單獨體做到足夠的細節(jié),那你這張圖就太無敵了,細節(jié)更加飽滿,根本不存在空的問題:
這一點"細節(jié)空"經(jīng)常在包裝展示的時候用到,大家一定要重視!
總結(jié)
以上就是今天和大家分享的畫面空的四種類型:
信息空、占比空、層次空、細節(jié)空
希望對大家也有所幫助!
作者:菜心設(shè)計鋪
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請訪問:網(wǎng)站技術(shù)