E2.05.2floated-label undersize设计研究
浮动后字号缩小可能低于可读下限
别名: 浮动标签过小 · shrunk floating label · 上浮后字号
概念解释
名称一旦上浮,通常会缩小,好让它停在槽顶那条窄边上。缩过一定程度,标签就落到可读下限以下:老花、放大未开、或槽顶衬线挤在一起时,人看见有一撮字,却读不出是「邮箱」还是「邮编」。这叫上浮后字号过小(floated-label undersize)。它管的是搬家之后那行字能不能被读,不是搬家动效本身,也不是它看起来像不像占位符。
机制
槽顶可用的垂直空间只有一条边的厚度加少量内边距。设计为了把名称塞进这条缝,就减字号、减字重、有时还减对比。空态时名称在槽内,字号接近输入文字,可读性尚可;上浮后同一串字符的视网膜尺寸下降,核对字段身份的那一刻——恰恰是有值、最需要名称的时刻——可读性最差。长标签在窄槽上还会被截断或和焦点环、必填星号挤在同一条边上。系统字体放大若只放大槽内输入、不放大上浮标签,两端会进一步脱节。
怎么研究
把上浮后的标签做成当前字号、再大两号、以及与槽内输入同号三种,让人在已填状态下读出每一格名称,并在低视力模拟、距离屏幕更远、以及系统放大开启时重复。因变量:朗读正确率、凑近屏幕的次数、把截断标签认成别的字段。不要只在设计稿的理想距离上判断「能看见有字」,要测「能读出是哪个词」。对比度与字号要分开操纵,否则分不清是太淡还是太小。
边界
极短名称(「名」「姓」)在略小的字号下仍可能可读,失败被长度掩盖。中文、日文在小字号下比拉丁字母更早糊成块,同一像素尺寸不能跨文种搬。上浮标签若不用缩小、而是把槽加高去容纳完整字号,可读性问题消失,但「省一行」的空间好处也消失。打印和截图缩放会把已经偏小的标签送过阈,文档里的表单截图不能当可读证据。
怎么落地
- 上浮后的名称仍保持可阅读的字号与字重,不要为了贴边把字缩到槽顶装饰线的级别。
- 给槽顶留出真正能排下一行字的空间;空间不够就加高槽,而不是先砍字号。
- 让系统字体放大同时作用于上浮标签和槽内文字,避免只有值变大、名称仍是微字。
- 验证:把表填满,站在日常视距外读每一格名称。读成别的词、或要凑近才能辨,就加大上浮字号。再用系统最大字体走一遍。