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


6. 视觉对比

通过页面元素的大小、明暗和虚实等对比,让用户目光聚焦于目标主体,潜移默化的形成视觉感受上的差异,拉开视觉纵深

感。

案例1:下方产品的开屏页面虚化的背景和主体形象之间有强烈的对比效果,用虚化背景突出视觉焦点,产生距离感:

案例2:丹麦建筑事务所 BIG 的官网,将做过的建筑案例以 icon 的形式按年份排列展示,鼠标移动到图标上面,图标会放

大,同时也会显示出项目的具体信息,产生一种近大远小的空间感:

 

>