元素重叠的设计越来越多，到现在已经慢慢成为主流设计中的一种了。生活中常见的重叠设计比如：抽屉 电梯 钢笔壳等等都运用了重叠的方式。其实网页中出现这类设计也是非常多了，那么合理的运用重叠设计方式，会让你的设计变得更好。下面五个方面来讲解一下重叠的设计运用方式以及它的作用。

 

一：图片与图片（图形）的重叠设计运用。

01：打破常规，展示更多细节

多方面展示图片的细节，通过图片将人物服饰细节分别展示出来。告别死板的设计，板式更加灵活多变。

二：丰富图片展示

图片将图形结合起来，使得图片不在单调，同时富有设计感，而且有助于品牌的传达。下列图片与背景色进行重叠搭配，使图片变的有富有空间和稳重感。

03：相互关联性

利用重叠的设计方式让板块于板块之间相互关联，且具有整体感。告别了原有图片和文字之间的零散性。

04：增强空间感

设计师采用背景图和球进行重叠搭配，使拉开了画面的层次感，画面在视觉上变得有空间感。

05：增加层次感

设计师在背景图片之间也是采用了重叠的搭配让整个画面的层次感加强，在视觉具有强烈的冲击力。

三：文字与图片的重叠设计运用。

01：文字和图片让画面更灵活。

02 : 带来更真实的感受。

03:  让文字变具有引导性。

04:  让文字更具有设计感。

四：网站版式的重叠设计运用。

01 :  增强层次感。

02 :  整体感增强，不被干扰。

03 :  打破常规布局。

04 ：强化网站的品牌宣传。

五： 色彩之间的重叠设计运用。

01： 强化视觉冲击力。

02:   让画面变得更立体。

03： 丰富画面。

六：不同元素之间的重叠设计运用。

01：增强画面的趣味。

02:  增强画面的品牌氛围。

03  让局部多个元素具有关联性。

 

采用重叠的设计方式对设计的好处总结为几点。

01 :   节省空间，能让图片展示更多的细节。

 

02 :   打破固有的版式设计。

 

03 :   利用色彩可以让设计变得更有冲击力。

 

04 :   增加层次感 空间感。

 

05 :   让画面变得有氛围有活力。

 

06 :   修饰单调的设计，使得它变得更丰富。

 

07 :   可以让不同元素，或版块之间能相护关联。

 

08 :   让版块之间具有整体感。

 

09 :   具有一定引导的作用。