跳到主要内容

协调视觉密度与色调差异

密度与对比的相互作用

粗体排版通过增加视觉密度来创造强调效果——在有限的空间内占据更大的表面积,使前景像素与背景空间的比例更高。

img

这种视觉密度与感知层级之间的基本关系不仅限于排版,还影响众多界面组件。

通过降低对比度来缓解密度

当将图标纳入界面时,这一原则尤为重要。

与粗体排版类似,图标——尤其是那些实心填充的图标——具有相当大的视觉密度并占据显著的表面积。因此,当与文本元素相邻时,图标自然会吸引不成比例的注意力。

img

与排版元素不同,图标在密度调整方面的选择有限,因此需要采用替代方法来实现视觉平衡。

Loading...
Want to keep learning more?