什么樣的版式能讓作品有層次感？

Sponsor

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

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

這個時候，先不要急著掏出你的三十米大刀，先看看自己的設計是不是缺了一點層次感。

這也是我幫各位門友看作品集的時候，發現的最多的問題。

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

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

01. 文字層次感

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

大小對比：

文字疊壓：

虛實效果：

再通過一個實操案例，給大家演示一下如何強化標題文字的層次感。

第1步，

先摳一張產品圖。

第2步，

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

第3步，

打上標題。

現在標題有點單調，我們來看看如何一步步來豐富它的層次感。

第4步，

將主標題折成兩行，添加小英文字母，形成大小對比。

第5步，

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

第6步，

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

第7步，

在背景上添加網絡紋理，再完善一下文案信息。

OK，完工。

繼續，走你。

02. 主題層次感

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

原圖：

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

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

下面再來看一個電商的實操案例。

第1步，

先摳好產品圖。

第2步，

將背景換成深綠色，確定畫面主色調。然后在底部畫一個臺子，承托起產品。

第3步，

為了讓主體顯得沒那么單調，我們在產品的前面和后面各自加上不同的元素，形成前-中-后的層次關系。

第4步，

處理好前景和后景元素的細節。

第5步，

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

第6步，

排版好文案信息。

OK，完工。

精彩繼續。。

03. 色彩層次感

無論是任何類型的設計，色彩永遠都是用戶第一時間感知到的內容。想要讓畫面更有視覺沖擊力，那么使用反差大的對比色，是非常有效的設計手法。

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

通常來說，一個畫面的色彩至少要一個維度上有著明顯的變化和對比，這樣才不會顯得單調。

來看看實操案例。

第1步，

先摳一張模特圖。

第2步，

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

第3步，

為了讓畫面的色彩看起來更加豐富，我們在人物的背景添加一個色塊。與背景色形成明確的反差效果。

第4步，

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

第5步，

最后排版好文案信息。

OK，完工。

再釣一條就走。。

背景設計需要恰到處好，既不搶主體的風頭，又能起到拉近畫面各個元素之間關系的作用。

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

添加肌理：

光影效果：

點線面等幾何元素：

下面來看看實操案例。

第1步，

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

第2步，

摳圖，去色。

第3步，

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

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

第5步，

給背景添加劃痕做舊的紋理，同時在標題的邊緣也添加一些手寫的痕跡，使整體的風格更加統一。

第6步，

排版好其它文案信息。

OK，完工。

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

來源：龐門正道（ID：Artman_Design）

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。