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


5. 三维表现

使用 2.5D 或者 3D 透视绘制元素的立体效果,是最直接的三维空间表现方式。在使用三维表现手法时,镜头对焦的控制尤

为重要,恰当的焦距设定可以更加突显空间感。

案例1:红极一时的益智游戏“纪念碑谷”通过 2.5D 的表现方式让用户直观的感受到页面深度。结合背景的雾气、水波等环

境,营造出神秘的沉浸式空间体验:

                                                                       纪念碑谷

案例2:华为云在“828企业上云节”的页面,使用 3D 元素设计,背景的模糊处理加强了视觉层次,通过透视和变焦增强了场

景带入感,提升了页面空间感:

                                                                https://activity.huaweicloud.com

>