<tr id="ik6uc"></tr>
<option id="ik6uc"></option>
<rt id="ik6uc"><small id="ik6uc"></small></rt>

没有层次的设计都是辣鸡!

2019年3月20日11时01分内容来源:庞门正道

层次感,是我们最常听到的一个设计术语之一。

那到?#36164;?#20040;是层次感呢?画面要有多少层,才算是层次丰富呢?


像这样?


哈哈,当然不是像洋葱一样,越多层越好。


设计上说的层次感,是指视觉的丰富度,以及信息的层级感。


比如说,有时候客户会怼过来一句:“你这个设计太平了,没什么亮点。。。”



这个时候客户表达的,当然不是要立体效果,而可能是你的设计重点不突出,画面缺乏层次感。


那?#27425;?#39064;来了,要怎么才能?#27809;?#38754;富有层次感呢?

今天我就给大家破解一下这个问题。





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


先看最简单的。

比如说这是一句平淡无奇的文案。



然后我?#21069;?#23427;折个行,并且加大关键信息的字号。

OK,层次感+1!



再添加颜色的对比。

OK,层次感+2 !



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


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


层次感+10086 !


放到海报上看?#33905;?#26524;:

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



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



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


咳咳~~

?#20040;?#23567;对比和颜色对比的方法增加层次感,同样也可以用在?#35745;?#19978;。


比如说排排坐的三个小瓶子:


通过改变大小与前后位置关系,画面一下就有了前后景深,层次感一下?#32479;?#26469;了!



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


通过添加颜色对比的方式,就可以使?#27809;?#38754;更有变化:

(别细看了,都买不起)


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


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


为了?#27809;?#38754;更有视觉冲击力,我们可以让?#35745;?#30340;文字部分相互穿插,形成前后关系。


duang~~

出现了!!!



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


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



走您!




添加设计元素是最直接可以?#27809;?#38754;变得更丰富的方法。

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


?#26053;?#25105;就给大家总结一下,加哪些设计元素,以及怎么加的问题。



一、添加线条。


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


比如说?#26053;?#36825;一?#20301;埃?#30452;接按部就班的打上去,就是这样的:


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



不止是单独的线,框也可?#28304;?#21040;同样的效果。


还是这个简单的例子:


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



再看图文结合的案子。


?#26053;?#36825;个图是很常规的排版。


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




二、添加色块。


当内容比较少的时候,添加一个或多个色块,能立杆见影的解决画面空洞的问题。


还是通过例子来演?#23613;?/p>


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



这个时候,添加一个抢眼的色块,就能很好的让面画有一个?#19988;?#28857;,起到增强层次感的作用。



学会这招,分分钟可以一脚踢飞甲?#20581;?/p>




再比如?#26053;?#36825;张iPhone风格的手机广告,很干净利落。



然而不是每个品牌都能做到像苹果这样佛系,这种过于寡淡的效果,不是所有品牌都能接受的。


这时你只需要添加一个色块,就可以?#27809;?#38754;?#32570;?#25345;简洁,又能达到强化视觉的效果。




三、添?#28216;評怼?/strong>


通过添?#28216;?#29702;,可以使?#27809;?#38754;具有厚重感,细节?#19981;?#26356;丰富些。


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


首先我们在排版上添加一些变化,再给背景和文字添加一些肌理,处理完之后,整个画面变得有厚度,看起来更?#25913;濉?/p>



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




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


加强视觉对比

添加设计元素


今天的内容就到这,接下来通过练习题巩固一下今天的知识点吧。


----------------------------------


找一张?#35745;?#32032;材,文案?#38405;猓?#24212;?#23186;?#22825;学到的方法,出不同效果的设计稿2-4张。


尺寸:

宽1000px,高度不限。


格式:

提交作品的时候,需要把你的文件命名修改为:


格式:

提交作品的时候,需要把你的文件命名修改为:

你的名字-你的QQ-设计练习,如:阿门-QQ12345678-作业.jpg

不要ai或者cdr等格式,也不要?#39038;?#21253;



邮件标题:

20190226-你的名字-QQ-设计练习



我会选择3位同学?#32479;?#29645;藏版小鳄鱼钥匙扣各一个,不值什么钱,仅仅是纪念你曾经努力的意义,再下一期排版教程出来的时候公?#21152;?#31168;结果,投稿邮箱:

[email protected]




-----------------------

好了,

学到干货的同学请大方地点击一下?#19981;?#20316;者!! ?#28023;?/p>


这样下一期干货来得更快!



(更多干货教程,回复:色彩教程,排版教程)



越努力,越幸运。

这里是庞门正道。

贵州十一选五预测
<tr id="ik6uc"></tr>
<option id="ik6uc"></option>
<rt id="ik6uc"><small id="ik6uc"></small></rt>
<tr id="ik6uc"></tr>
<option id="ik6uc"></option>
<rt id="ik6uc"><small id="ik6uc"></small></rt>