F5.12.2Figure-ground设计
高对比模式通常要求更极端的前景背景明度差与更强的边框
别名: 高对比边框 · extreme lightness split · HC borders
概念解释
普通主题里,按钮靠比背景略深的填充被认出来。高对比里这点灰度差不够,控件要靠更极端的前景 / 背景明度差,外加一圈吃得准的边框,把形状从底上剪下来。浅灰底上的浅灰描边在这里等于没画。
深色阅读主题会避免纯黑纯白,怕光晕;高对比常常就要走到那一端。两套主题的明度策略可以相反,因为服务的人不同。
机制
对比敏感度下降之后,小 ΔL* 的边界先消失。填充差是小 ΔL*,边框如果也是细而浅,边界信息全灭。把前景和背景推到明度两端,是把信号送到还工作的那截敏感度曲线上;加粗、加深(或加亮)边框,是把边界从面积差改成线差——线在模糊和低对比下往往比面积填充更扛。
「更强的边框」不是装饰描边。它必须在所有允许的底上仍然是边界:主色按钮、禁用按钮、输入框空态,缺一圈就会有一类控件在高对比里隐身。
边界
- 照片和复杂插画不能靠这套极端差,高对比下应降为简单图形或加文字,而不是给照片描一圈白。
- 有人光晕严重,极端白字会发胖;边框和字号要一起看,不能只推明度差。
- 这不是把无障碍对比阈值抄进主题。阈值管「最低能不能看」;高对比主题管「中间调拿掉之后形状还在不在」。
怎么落地
- 高对比主题里,每个可点控件和每个输入框都要有独立于填充的边框角色。
- 正文与底走到接近两端的明度,中间灰只留给真正的禁用,并仍靠边框或删除线标明。
- 不要把深色主题的近黑近白舒适配方套用过来「略微收一收」。
- 验证办法:把界面压成两档明度(近最高和近最低),看按钮、链接、输入框是否还能被圈出来;圈不出的,加边框或把填充推到另一端,直到能圈。