图11 主体与背景
所以当我们进行设计时,对于并列的元素,可以采用不同的大小,来强化大的主体。
图12 QQ音乐截图
也可以通过主体和背景的运用,用大的背景来聚焦小的主体。
图13 无印良品海报(图片来自网络)
4. 虚实
虚实模拟的是日常视觉世界中的远近关系,近处的物体清晰,远处的物体模糊。越清晰的物品,越容易吸引用户注意力。
在手机上常用的毛玻璃效果,就是通过虚实的效果,让用户聚焦在当前的主体上。
图14 ios手机截图
5. 投影
在Material Design中,在屏幕的X轴和Y轴构成的平面之上,还引入了Z轴的概念。Z轴表示平面上各图层元素的高度关系,这种高度关系,主要是通过投影来体现。投影越大,代表图层在Z轴上的位置越高。