跳到主要内容

界面设计中的定向照明现象学

在现代界面设计中,元素看似从界面平面凸出或凹入的视觉感知,是最微妙却最具影响力的视觉动态之一。

img

虽然创造这种视觉深度的幻觉似乎需要复杂的技术,但实际上,它依赖于人类视觉认知中一个简单而深刻的感知原则。

照明的原始方向性

看看这扇门的面板所展现的建筑表达:

img

虽然这是二维的表现,但面板的体积感却非常清晰。是什么神经机制让我们能如此解读空间呢?

观察每个面板上边界的亮度梯度——这种增强的亮度是因为表面朝向光源。相反,下边界的亮度减弱是因为它远离主要光源,接收到较少的光。

img

我们的视觉皮层将这些亮度差异解读为三维突出物的证据,这是唯一可能产生这种光影互动的物理配置。

现在看看这个柜子面板的例子:

img

在这种情况下,视觉解读明确地表明是凹入而非凸出。上边界的阴影表明上方的唇缘遮挡了光线,而下边界的亮度增加则表明一个朝上的表面有效地捕捉了光线。

img

要在你的界面设计中营造这种深度感知,需要系统地模拟这些自然发生的光与表面互动,这些互动在进化过程中塑造了人类的视觉处理。

将光度学原理应用于界面设计

要在界面中展现深度感知,首先要构思每个元素的体积轮廓,然后精确模拟光源与该三维形态之间的光影互动。

正浮雕元素

考虑一个功能控件,比如按钮,它应该通过从界面平面凸出而显得具有触觉感,沿其上边界和下边界具有正交边缘:

img

Loading...
Want to keep learning more?