本文介紹了如何增強(qiáng)設(shè)計(jì)作品的層次感，主要包括文字排版、前景后景元素的添加和使用對(duì)比色等設(shè)計(jì)手法。通過實(shí)操案例，演示了如何運(yùn)用這些手法，讓設(shè)計(jì)作品更具有層次感和視覺沖擊力。

你有沒有遇到過這樣的情況，甲方爸爸看完設(shè)計(jì)稿后，來一句：“有點(diǎn)平”、“嗯，總感覺少了點(diǎn)什么。。?！?/p>

這個(gè)時(shí)候，先不要急著掏出你的三十米大刀，先看看自己的設(shè)計(jì)是不是缺了一點(diǎn)層次感。

這也是我?guī)透魑婚T友看作品集的時(shí)候，發(fā)現(xiàn)的最多的問題。

所謂層次感，就是指畫面中的各個(gè)元素清晰合理、有節(jié)奏地組合在一起，從而使整個(gè)畫面看起來更加舒適、協(xié)調(diào)。

話不多說，下面我們就來看看，如何使畫面有層次感。

01. 文字層次感

文字的層次感并不是指復(fù)雜的字體特效，而是重點(diǎn)突出，層次分明的排版方式。我們來看看有哪些常用的手法可以豐富文字的層次感。

大小對(duì)比：

文字疊壓：

虛實(shí)效果：

再通過一個(gè)實(shí)操案例，給大家演示一下如何強(qiáng)化標(biāo)題文字的層次感。

第1步，

先摳一張產(chǎn)品圖。

第2步，

把鞋子傾斜一下，再用橙色和黑色來分割畫面，確定畫面的主色調(diào)。

第3步，

打上標(biāo)題。

現(xiàn)在標(biāo)題有點(diǎn)單調(diào)，我們來看看如何一步步來豐富它的層次感。

第4步，

將主標(biāo)題折成兩行，添加小英文字母，形成大小對(duì)比。

第5步，

在標(biāo)題底下疊加空心的英文字母，然后整體再疊加一層碎裂紋理，這樣整個(gè)標(biāo)題的排版就比較豐富了。

第6步，

在上下各添加一條字母帶，進(jìn)一步豐富版式效果。

第7步，

在背景上添加網(wǎng)絡(luò)紋理，再完善一下文案信息。

OK，完工。

繼續(xù)，走你。

?

02. 主題層次感

主體是一個(gè)畫面中最重要的組成。為了讓主體與背景更加融合，我們通常會(huì)通過添加前景和后景元素，來營(yíng)造出前后空間感，從而豐富它的視覺層次。

原圖：

為了讓主體不會(huì)顯得單薄，可以在它的背后添加一些相關(guān)元素，形成前后的位置關(guān)系。

我們也可以在主體的前面添加一點(diǎn)遮擋元素，同樣可以形成前后的空間對(duì)比，從而使主體更有層次感。

下面再來看一個(gè)電商的實(shí)操案例。

第1步，

先摳好產(chǎn)品圖。

第2步，

將背景換成深綠色，確定畫面主色調(diào)。然后在底部畫一個(gè)臺(tái)子，承托起產(chǎn)品。

第3步，

為了讓主體顯得沒那么單調(diào)，我們?cè)诋a(chǎn)品的前面和后面各自加上不同的元素，形成前-中-后的層次關(guān)系。

第4步，

處理好前景和后景元素的細(xì)節(jié)。

第5步，

在背景上疊加一層光影效果。

第6步，

排版好文案信息。

OK，完工。

精彩繼續(xù)。。

?

03. 色彩層次感

無(wú)論是任何類型的設(shè)計(jì)，色彩永遠(yuǎn)都是用戶第一時(shí)間感知到的內(nèi)容。想要讓畫面更有視覺沖擊力，那么使用反差大的對(duì)比色，是非常有效的設(shè)計(jì)手法。

色彩的變化十分豐富，一般我們會(huì)從明暗、色相、純度這三個(gè)維度來控制它。

通常來說，一個(gè)畫面的色彩至少要一個(gè)維度上有著明顯的變化和對(duì)比，這樣才不會(huì)顯得單調(diào)。

來看看實(shí)操案例。

第1步，

先摳一張模特圖。

第2步，

換上合適的背景色，以及排版好標(biāo)題之后，總覺得畫面略顯得單調(diào)些。

第3步，

為了讓畫面的色彩看起來更加豐富，我們?cè)谌宋锏谋尘疤砑右粋€(gè)色塊。與背景色形成明確的反差效果。

第4步，

再添加文字和線條的裝飾效果。

第5步，

最后排版好文案信息。

OK，完工。

再釣一條就走。。

背景設(shè)計(jì)需要恰到處好，既不搶主體的風(fēng)頭，又能起到拉近畫面各個(gè)元素之間關(guān)系的作用。

常用的背景處理方式有下列3種：

添加肌理：

光影效果：

點(diǎn)線面等幾何元素：

下面來看看實(shí)操案例。

第1步，

先摳兩張《八角籠中》的人物圖。

第2步，

摳圖，去色。

第3步，

為了豐富背景的層次，我們先用不同的色塊，大致確定一下色彩的分布。

第4步，將色塊細(xì)化一下，換成文案以及斑駁的背景。

第5步，

給背景添加劃痕做舊的紋理，同時(shí)在標(biāo)題的邊緣也添加一些手寫的痕跡，使整體的風(fēng)格更加統(tǒng)一。

第6步，

排版好其它文案信息。

OK，完工。

好了，今天的內(nèi)容就到這，本文介紹了如何讓設(shè)計(jì)作品具有層次感，包括文字層次感和主體層次感。其中，文字層次感可以通過大小對(duì)比、文字疊壓和虛實(shí)效果等手法來實(shí)現(xiàn)；主體層次感則可以通過添加前景和后景元素來豐富視覺層次。同時(shí)，使用反差大的對(duì)比色也是提高畫面沖擊力的有效手法。