什麼是層次感?畫面要有多少層,才算是層次豐富呢?

層次感,是我們最常聽到的一個設計術語之一。

那到底什麼是層次感呢?畫面要有多少層,才算是層次豐富呢?

像這樣?


什麼是層次感?畫面要有多少層,才算是層次豐富呢?


哈哈,當然不是像洋蔥一樣,越多層越好。

設計上說的層次感,是指視覺的豐富度,以及信息的層級感。

比如說,有時候客戶會懟過來一句:“你這個設計太平了,沒什麼亮點。。。”


什麼是層次感?畫面要有多少層,才算是層次豐富呢?


這個時候客戶表達的,當然不是要立體效果,而可能是你的設計重點不突出,畫面缺乏層次感。

那麼問題來了,要怎麼才能讓畫面富有層次感呢?

今天我就給大家破解一下這個問題。


什麼是層次感?畫面要有多少層,才算是層次豐富呢?




什麼是層次感?畫面要有多少層,才算是層次豐富呢?



加強視覺對比是最常用的方法,我們可以通過增加大小對比、

顏色對比、以及位置對比,達到突出重點,豐富畫面層次的效果。

先看最簡單的。

比如說這是一句平淡無奇的文案。

什麼是層次感?畫面要有多少層,才算是層次豐富呢?


然後我們把它折個行,並且加大關鍵信息的字號。

OK,層次感+1!

什麼是層次感?畫面要有多少層,才算是層次豐富呢?


再添加顏色的對比。

OK,層次感+2 !


什麼是層次感?畫面要有多少層,才算是層次豐富呢?



相當的簡單有效,是不是!

除了加大字號,和添加顏色之外,我們也可以在排版上搞點事情,比如:


什麼是層次感?畫面要有多少層,才算是層次豐富呢?



層次感+10086 !


(小聲比比:我就是為了秀一下這張畫而已,本子已經在打樣中了!我好期待成品的樣子!)

雖然方法很簡單,但是花樣卻可以百變,玩到你筋疲力盡為止。。。


什麼是層次感?畫面要有多少層,才算是層次豐富呢?



我說的是這個。。招數花樣可多了


什麼是層次感?畫面要有多少層,才算是層次豐富呢?



咳咳~~

用大小對比和顏色對比的方法增加層次感,同樣也可以用在圖片上。

比如說排排坐的三個小瓶子:

什麼是層次感?畫面要有多少層,才算是層次豐富呢?


通過改變大小與前後位置關係,畫面一下就有了前後景深,層次感一下就出來了!

什麼是層次感?畫面要有多少層,才算是層次豐富呢?


再比如這種最常見的商品圖排版:

什麼是層次感?畫面要有多少層,才算是層次豐富呢?


通過添加顏色對比的方式,就可以使得畫面更有變化:

什麼是層次感?畫面要有多少層,才算是層次豐富呢?


(別細看了,都買不起)


除了最基礎的大小與顏色對比,我們也可以通過改變元素之間的前後關係,來讓畫面顯得更有層次感。

比如說這張圖是最常見的左右圖文排版:

什麼是層次感?畫面要有多少層,才算是層次豐富呢?


為了讓畫面更有視覺衝擊力,我們可以讓圖片的文字部分相互穿插,形成前後關係。


duang~~

什麼是層次感?畫面要有多少層,才算是層次豐富呢?


出現了!!!


什麼是層次感?畫面要有多少層,才算是層次豐富呢?


有些同學可能會想起來,圖文穿插這種設計手法,我之前在講標題設計手法的教程中已經講過了,之所以這裡又講一次,是因為這種方式確實很好實用。

強化視覺對比,是豐富畫面層次感最基礎的手法,接下來我們再來看看更進階一些的玩法。


什麼是層次感?畫面要有多少層,才算是層次豐富呢?


走您!



什麼是層次感?畫面要有多少層,才算是層次豐富呢?



添加設計元素是最直接可以讓畫面變得更豐富的方法。

這種方法帶來的問題是,元素變多之後,就會考驗設計師對畫面的掌控能力,需要保證所添加的元素與畫面風格保持一致性。

下面我就給大家總結一下,加哪些設計元素,以及怎麼加的問題。

一、添加線條。

下面這個圖是很常規的排版。

什麼是層次感?畫面要有多少層,才算是層次豐富呢?


添加一個框之後,可以讓視線更好的聚焦到文案信息:

什麼是層次感?畫面要有多少層,才算是層次豐富呢?




二、添加色塊。

當內容比較少的時候,添加一個或多個色塊,能立杆見影的解決畫面空洞的問題。

還是通過例子來演示。

下面這張圖,是我們最常見到的電商廣告排版。它能做到商品很突出,信息展示也清晰,但卻不能讓人留下很深的印象。

什麼是層次感?畫面要有多少層,才算是層次豐富呢?


這個時候,添加一個搶眼的色塊,就能很好的讓面畫有一個記憶點,起到增強層次感的作用。

什麼是層次感?畫面要有多少層,才算是層次豐富呢?


學會這招,分分鐘可以一腳踢飛甲方。


什麼是層次感?畫面要有多少層,才算是層次豐富呢?



再比如下面這張iPhone風格的手機廣告,很乾淨利落。

什麼是層次感?畫面要有多少層,才算是層次豐富呢?


然而不是每個品牌都能做到像蘋果這樣佛系,這種過於寡淡的效果,不是所有品牌都能接受的。

這時你只需要添加一個色塊,就可以讓畫面既保持簡潔,又能達到強化視覺的效果。

什麼是層次感?畫面要有多少層,才算是層次豐富呢?



什麼是層次感?畫面要有多少層,才算是層次豐富呢?



分享到:


相關文章: