更多作者干貨:
大家可能不理解自己的畫面明明有很多元素,為什么還是很空,今天就來給大家講講其中的原因。
關于畫面空的原因,我將其劃分為四種空,分別為:
第一種:信息空
第二種:占比空
第三種:層次空
第四種:細節空
這一種不多說了,太直接了,就是真空,啥都沒有啊,最起碼的信息都沒有。
我們看下面這塊,一個漸變色塊之后,啥信息也沒有了,你是沒做完還是在這玩殘缺美呢,這種基礎問題不能犯:
當然,有時候很多同學還會犯另外一個問題,就是 banner 上面直接加一張底圖,也會覺得空:
為啥,因為你沒有文字信息,只有圖片信息,所以看起來不知道你想表達什么,就像沒做完一樣,如果你加上點文字,效果馬上不一樣了,我知道你這是一張品牌宣傳圖,在宣傳你“自在”的品牌標語,看起來就會飽滿很多:
這就是最容易理解的一種空,信息空!
第二種的空和第一種的空是有很大的區別的,第一種是缺乏信息,第二種是有信息,不過信息卻不足以撐起整個畫面。
我們看一下下面這個案例,案例中的卡片上方放置了一些信息。整個畫面看起來似乎足夠豐富了,有背景紋理、有文字、有圖標,但其中還是有問題,卡片上的信息不夠飽滿,撐不起來整個卡片。所以,整體看起來還是會顯得很空:
這樣單獨放在這里,可能大家看不出來,所以我找了另外一個案例過來,兩者之間進行一個對比。有了對比之后,我們就能清晰的看到,另一個案例中它的整個框架被撐起來了,整體非常的飽滿,它的圖標和文字都能夠撐起整個卡片:
在回過頭來看,最開始的案例中,圖標旁邊這一塊空的就很不舒服。圖標和文字,都不能夠撐起畫面。
在優化之后,將圖標和文字進行了局部放大,并且在次添加了一些元素在卡片中。這樣一來,卡片的框架就被完全撐了起來。
我們來看一下優化前后的效果對比,更加直觀的感受到效果的變化
大家記住,不是說在上面放了一些元素和信息之后,就不會空了。還得看元素和信息,是否能夠撐起畫面,撐起整個框架。
當我們把內容填上了,占比也填滿了,但是為什么還是覺得空呢,就比如這張圖:
因為我們只滿足了橫向單一維度的飽滿,沒有考慮縱向層次的飽滿,就像你只有前景,沒有中后景一樣,前面鋪的再滿,后面層次啥都沒有,那也是不行的,所以如果我們把縱向層次也加上,畫面就不會空了:
這也是很多設計師容易忽略的“空”,多看看縱向的層次,會讓你的畫面更加飽滿!
第四種空,是一種細節上的空,比如我舉個例子,一個畫面中心放一個 logo,你會覺得比較 ok:
但如果一個畫面中心只放一個圓形,你就會覺得有點空:
為什么?因為細節不夠,沒有看點,這就是為什么我在讓大家包裝的時候,要運用組合的方式進行排版,如果你的一個畫面里,只放一個元素,那細節就不夠,就沒有看點,就會讓人覺得空,比如像這種:
而像下面這些內容,就不會覺得空了,因為幾個相對簡單的東西合到一起就可以解決細節不夠的問題:
當然,為了更加保險,我們利用組合的方式,還將每一個單獨體做到足夠的細節,那你這張圖就太無敵了,細節更加飽滿,根本不存在空的問題:
這一點“細節空”經常在包裝展示的時候用到,大家一定要重視!
以上就是今天和大家分享的畫面空的四種類型:
信息空、占比空、層次空、細節空
希望對大家也有所幫助!
歡迎關注作者的微信公眾號:「菜心設計鋪」
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
MJ+SD智能設計
已累計誕生 708 位幸運星
發表評論 為下方 11 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓