跳到主要内容

空间层次的半影表达

阴影不仅仅是装饰性的点缀——当经过精心设计时,它们能够在平面的界面中引入有意义的深度关系,创建一个复杂的虚拟 z 轴。

通过对半影特征的精细调节,我们可以实现精确的感知定位:轻微的阴影和有限的扩散半径暗示着元素微微从基底升起,而更大的阴影和明显的扩散则让元素在视觉上显得更加突出:

img

这种与观察者的感知接近性直接关系到认知层次中的注意力集中。

对于像按钮这样的交互控件——它们需要被注意但不应该主导界面层次——适度的阴影表达提供了最佳的视觉信号:

img

中等阴影效果在下拉菜单等上下文界面元素中尤为有效——这些组件需要在视觉上明确与底层界面层次区分开来:

img

显著的阴影轮廓最适合用于模态交互容器,在这里,认知中断和吸引注意力是主要目标:

img

体积分层的编码化

Loading...
Want to keep learning more?