有层次感的设计应当怎么做?

  • A+
所属分类:经验思维

本文来源: 庞少棠(公众号:庞门正道) , 共 1583 字

层次感,是我们最常听到的一个设计术语之一。那到底什么是层次感呢?画面要有多少层,才算是层次丰富呢?像这样?

有层次感的设计应当怎么做?

哈哈,当然不是像洋葱一样,越多层越好。设计上说的层次感,是指视觉的丰富度,以及信息的层级感。比如说,有时候客户会怼过来一句:“你这个设计太平了,没什么亮点。。。”

有层次感的设计应当怎么做?

这个时候客户表达的,当然不是要立体效果,而可能是你的设计重点不突出,画面缺乏层次感。那么问题来了,要怎么才能让画面富有层次感呢?今天我就给大家破解一下这个问题。

有层次感的设计应当怎么做?

加强视觉对比是最常用的方法,我们可以通过增加大小对比、颜色对比、以及位置对比,达到突出重点,丰富画面层次的效果。

先看最简单的。比如说这是一句平淡无奇的文案

有层次感的设计应当怎么做?

然后我们把它折个行,并且加大关键信息的字号。

OK,层次感+1!

有层次感的设计应当怎么做?

再添加颜色的对比。

OK,层次感+2 !

有层次感的设计应当怎么做?

相当的简单有效,是不是!

除了加大字号,和添加颜色之外,我们也可以在排版上搞点事情,比如:

有层次感的设计应当怎么做?

层次感+10086 !放到海报上看看效果:

有层次感的设计应当怎么做?

(小声比比:我就是为了秀一下这张画而已,本子已经在打样中了!我好期待成品的样子!)

虽然方法很简单,但是花样却可以百变,玩到你筋疲力尽为止。。。

有层次感的设计应当怎么做?

我说的是这个。。招数花样可多了。

有层次感的设计应当怎么做?

用大小对比和颜色对比的方法增加层次感,同样也可以用在图片上。比如说排排坐的三个小瓶子:

有层次感的设计应当怎么做?

通过改变大小与前后位置关系,画面一下就有了前后景深,层次感一下就出来了!

有层次感的设计应当怎么做?

再比如这种最常见的商品图排版:

有层次感的设计应当怎么做?

通过添加颜色对比的方式,就可以使得画面更有变化:

有层次感的设计应当怎么做?

除了最基础的大小与颜色对比,我们也可以通过改变元素之间的前后关系,来让画面显得更有层次感。

比如说这张图是最常见的左右图文排版:

有层次感的设计应当怎么做?

为了让画面更有视觉冲击力,我们可以让图片的文字部分相互穿插,形成前后关系。

有层次感的设计应当怎么做?

有些同学可能会想起来,图文穿插这种设计手法,我之前在讲标题设计手法的教程中已经讲过了,之所以这里又讲一次,是因为这种方式确实很好实用。

强化视觉对比,是丰富画面层次感最基础的手法,接下来我们再来看看更进阶一些的玩法。

 

有层次感的设计应当怎么做?

添加设计元素是最直接可以让画面变得更丰富的方法。这种方法带来的问题是,元素变多之后,就会考验设计师对画面的掌控能力,需要保证所添加的元素与画面风格保持一致性。

下面我就给大家总结一下,加哪些设计元素,以及怎么加的问题。

一、添加线条。

线条最直接的作用就是分割以及视觉引导,因此,利用好线条,可以很好的丰富画面层次。

比如说下面这一段话,直接按部就班的打上去,就是这样的:

有层次感的设计应当怎么做?

我们可以在排版上增加一些变化,再用线条分割一下不同信息,就可以让整体显得重点更突出,层次更丰富。

有层次感的设计应当怎么做?

不止是单独的线,框也可以达到同样的效果。

还是这个简单的例子:

有层次感的设计应当怎么做?

添加一个方框之后,画面就丰富多了:

有层次感的设计应当怎么做?

再看图文结合的案子。下面这个图是很常规的排版。

有层次感的设计应当怎么做?

添加一个框之后,可以让视线更好的聚焦到文案信息:

有层次感的设计应当怎么做?

二、添加色块。

当内容比较少的时候,添加一个或多个色块,能立杆见影的解决画面空洞的问题。还是通过例子来演示。

下面这张图,是我们最常见到的电商广告排版。它能做到商品很突出,信息展示也清晰,但却不能让人留下很深的印象。

有层次感的设计应当怎么做?

这个时候,添加一个抢眼的色块,就能很好的让面画有一个记忆点,起到增强层次感的作用。

有层次感的设计应当怎么做?

学会这招,分分钟可以一脚踢飞甲方

再比如下面这张iPhone风格的手机广告,很干净利落。

有层次感的设计应当怎么做?

然而不是每个品牌都能做到像苹果这样佛系,这种过于寡淡的效果,不是所有品牌都能接受的。这时你只需要添加一个色块,就可以让画面既保持简洁,又能达到强化视觉的效果。

有层次感的设计应当怎么做?

三、添加纹理

通过添加纹理,可以使得画面具有厚重感,细节也会更丰富些。

比如说我们随便打几个字:

有层次感的设计应当怎么做?

首先我们在排版上添加一些变化,再给背景和文字添加一些肌理,处理完之后,整个画面变得有厚度,看起来更细腻。

有层次感的设计应当怎么做?

这么简单的处理一下,就可以让简单的白底黑字变得很有文化感,视觉上更丰富,效果棒棒的。

OK,回顾一下丰富画面层次的两大招:

加强视觉对比

添加设计元素



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: