沒有層次的設計都是辣雞！
層次感，是我們最常聽到的一個設計術語之一。
那到底什麼是層次感呢？畫面要有多少層，才算是層次豐富呢？
像這樣？
哈哈，當然不是像洋蔥一樣，越多層越好。
設計上說的層次感，是指視覺的豐富度，以及信息的層級感。
比如說，有時候客戶會懟過來一句：「你這個設計太平了，沒什麼亮點。。。」
這個時候客戶表達的，當然不是要立體效果，而可能是你的設計重點不突出，畫面缺乏層次感。
那麼問題來了，要怎麼才能讓畫面富有層次感呢？
今天我就給大家破解一下這個問題。
加強視覺對比是最常用的方法，我們可以通過增加大小對比、顏色對比、以及位置對比，達到突出重點，豐富畫面層次的效果。
先看最簡單的。
比如說這是一句平淡無奇的文案。
然後我們把它折個行，並且加大關鍵信息的字型大小。
OK，層次感 1！
再添加顏色的對比。
OK，層次感 2 !
相當的簡單有效，是不是！
除了加大字型大小，和添加顏色之外，我們也可以在排版上搞點事情，比如：
層次感 10086 !
放到海報上看看效果：
（小聲比比：我就是為了秀一下這張畫而已，本子已經在打樣中了！我好期待成品的樣子！）
雖然方法很簡單，但是花樣卻可以百變，玩到你筋疲力盡為止。。。
我說的是這個。。招數花樣可多了
咳咳~~
用大小對比和顏色對比的方法增加層次感，同樣也可以用在圖片上。
比如說排排坐的三個小瓶子：
通過改變大小與前後位置關係，畫面一下就有了前後景深，層次感一下就出來了！
再比如這種最常見的商品圖排版：
通過添加顏色對比的方式，就可以使得畫面更有變化：
（別細看了，都買不起）
除了最基礎的大小與顏色對比，我們也可以通過改變元素之間的前後關係，來讓畫面顯得更有層次感。
比如說這張圖是最常見的左右圖文排版:
為了讓畫面更有視覺衝擊力，我們可以讓圖片的文字部分相互穿插，形成前後關係。
duang~~
出現了！！！
有些同學可能會想起來，圖文穿插這種設計手法，我之前在講標題設計手法的教程中已經講過了，之所以這裡又講一次，是因為這種方式確實很好實用。
強化視覺對比，是豐富畫面層次感最基礎的手法，接下來我們再來看看更進階一些的玩法。
走您！
添加設計元素是最直接可以讓畫面變得更豐富的方法。
這種方法帶來的問題是，元素變多之後，就會考驗設計師對畫面的掌控能力，需要保證所添加的元素與畫面風格保持一致性。
下面我就給大家總結一下，加哪些設計元素，以及怎麼加的問題。
一、添加線條。
線條最直接的作用就是分割以及視覺引導，因此，利用好線條，可以很好的豐富畫面層次。
比如說下面這一段話，直接按部就班的打上去，就是這樣的：
我們可以在排版上增加一些變化，再用線條分割一下不同信息，就可以讓整體顯得重點更突出，層次更豐富。
不止是單獨的線，框也可以達到同樣的效果。
還是這個簡單的例子：
添加一個方框之後，畫面就豐富多了:
再看圖文結合的案子。
下面這個圖是很常規的排版。
添加一個框之後，可以讓視線更好的聚焦到文案信息：
二、添加色塊。
當內容比較少的時候，添加一個或多個色塊，能立桿見影的解決畫面空洞的問題。
還是通過例子來演示。
下面這張圖，是我們最常見到的電商廣告排版。它能做到商品很突出，信息展示也清晰，但卻不能讓人留下很深的印象。
這個時候，添加一個搶眼的色塊，就能很好的讓面畫有一個記憶點，起到增強層次感的作用。
學會這招，分分鐘可以一腳踢飛甲方。
再比如下面這張iPhone風格的手機廣告，很乾凈利落。
然而不是每個品牌都能做到像蘋果這樣佛系，這種過於寡淡的效果，不是所有品牌都能接受的。
這時你只需要添加一個色塊，就可以讓畫面既保持簡潔，又能達到強化視覺的效果。
三、添加紋理。
通過添加紋理，可以使得畫面具有厚重感，細節也會更豐富些。
比如說我們隨便打幾個字：
首先我們在排版上添加一些變化，再給背景和文字添加一些肌理，處理完之後，整個畫面變得有厚度，看起來更細膩。
這麼簡單的處理一下，就可以讓簡單的白底黑字變得很有文化感，視覺上更豐富，效果棒棒的。
OK，回顧一下豐富畫面層次的兩大招：
加強視覺對比
添加設計元素
今天的內容就到這，接下來通過練習題鞏固一下今天的知識點吧。
----------------------------------
找一張圖片素材，文案自擬，應用今天學到的方法，出不同效果的設計稿2-4張。
尺寸：
寬度100px，高度不限。
格式：
提交作品的時候，需要把你的文件命名修改為：
格式：
提交作品的時候，需要把你的文件命名修改為：
（不要ai或者cdr等格式，也不要壓縮包）
郵件標題：
20190226-你的名字-QQ-設計練習
我會選擇3位同學送出珍藏版小鱷魚鑰匙扣各一個,不值什麼錢，僅僅是紀念你曾經努力的意義，再下一期排版教程出來的時候公布優秀結果，投稿郵箱：
-----------------------
好了，
學到乾貨的同學請大方地點擊一下喜歡作者！！ ：）
這樣下一期乾貨來得更快！
(更多乾貨教程，回復：色彩教程，排版教程)
越努力，越幸運。
這裡是龐門正道。
TAG:龐門正道 |