解决页面没有空间感的七个方法(三)


3. 添加遮罩层

我们常用的黑色透明遮罩层,是一种非常有效的空间营造手法。尤其是当最上层的主体内容是不规则图形,并添加一些三维

表现和动态效果,这种空间感会更为强烈。

案例1:最常见到的黑色透明遮罩,可以明确的拉开主题内容和背景之间的距离,形成通透的空间感:

案例2:DesignCode 网站的注册页面在用户注册成功后,会制造出礼花的视觉动态效果,清晰明艳的礼花与白色遮罩层后

的模糊背景之间产生出了很强的空间距离感:

                                                              https://designcode.io

 

>