跳转到主要内容

协调视觉密度与色调差异

密度与对比的相互作用

密度与对比的相互作用

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

img

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

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

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

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

img

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

会员专享

余下内容仅对会员开放。

会员可读完整内容 —— 每一个公开发布的观点背后,那些框架、决策与推理的全貌。

  • 完整文章,包含未公开存档的部分
  • 可落地的工作框架,附带权衡与决策依据
  • 新文章抢先看,先于公开发布

随时取消 · 一次订阅,畅读全部

保持联系,关注我获取更多内容