解决页面没有空间感的七个方法（二）

2. 遮挡布局

在排布页面元素时，适当地运用遮挡布局，使主题文字和图案相互穿插遮挡，打破原有的轮廓和边界，使内容产生前后叠压

的关系，以此营造层次感。

案例1：艺术信息分享网站 DICE，官网页面使用的不断变化的抽象动态图形和文字相互叠压，产生错落感；同时背景的霓虹

渐变色与抽象图形的颜色产生明度对比，营造页面的空间感：

http://dice.berlin

案例2：课程分享网站 DesignCode，首屏的边缘线设计很巧妙，上下起伏的波浪效果与图标和按钮产生有趣的叠压和遮挡

关系，自然的体现出空间层次：

https://designcode.io