F3.02.1size just noticeable difference设计研究

尺寸差异需超过可辨阈才形成层级

别名: 尺寸可辨差 · size JND · 字号台阶

概念解释

一篇帮助文档把小节标题设成 18 像素,正文 16 像素,两者都是常规字重、同一颜色。在手机实宽上看,很多人说不出哪行是标题——不是没看见字,是尺寸差没有跨过可辨阈(just noticeable difference)。层级要靠尺寸成立,两个等级之间的差必须大到在目标视距、目标字号下仍然分得开。差 2 像素在设计稿放大查看时「有级」,贴到真机上经常是同一级。

机制

对长度和面积的辨别大致服从韦伯定律:刚能分辨的增量与原尺寸成比例,不是固定的 2 像素。16 像素上再加 2,相对增量约 12%,在阅读距离、抗锯齿和压缩字重之后,常常落在阈值附近或以下。标题再带一点字重或颜色时,评审会以为「尺寸已经在工作」,其实是别的通道在撑场;一旦那些通道被拿掉(同色、同重),尺寸自己交白卷。可辨阈还随视距上升:把手机举远一点,16 与 18 先糊成一档,16 与 24 还能分开。所以「稿上能看出差别」从来不是「用户能把它们当成两级」。

怎么研究

经典做法是两点辨别:并排或先后呈现两段同内容文字,只改字号,迫选「哪一段更大」,画出正确率随 ΔS/S 变化的曲线,把约 75% 正确的那一点当作该字号、该字体、该视距下的可辨阈。自变量包括字号、字重、视距、是否抗锯齿;因变量是正确率与反应时。界面研究不必上完整心理物理楼梯,但至少要在真机实宽、设计视距上做迫选,而不是在 200% 画板里目测。

边界

可辨阈不是跨字体常数。字面大的字体,同样像素差更容易被看成「变大了」;细字重、浅灰色会把有效对比吃掉,阈值升高。中文汉字字面接近方形,小幅字号差比西文更难靠词形轮廓辅助,往往需要更大的相对步进。一旦尺寸差够大,再叠加字重会变成双重编码而不是「尺寸开始工作」。远距离数字标牌、手表小屏的阈值都要单独测,不能共用手机阅读的数字。

怎么落地

  • 相邻标题与正文的字号比先按相对量设,而不是按网格上顺手的两档。手机阅读常见正文附近,低于约四分之一的相对差不要当成层级手段。
  • 评审缩到设备宽度,离开座位看三秒:分不出谁大,这一对就还没构成尺寸层级。
  • 不要用「设计稿里能看出 16 和 18」代替真机。把画板放大是在降低任务难度。
  • 验证:真机上并排同一句话的两种字号,遮住字重和颜色差异(都设成同色同重),请人指「哪行更大」。五人里若有两人犹豫或指错,把差加大到不再有人停顿,再把这对组合写进字号阶梯。

延伸

  • 同组F3.02.2 层级数量增加会压缩每级的差异 · F3.02.3 三级以内的层级最稳定
  • 相邻F3.01.1 尺寸、明度、色彩、位置、留白共同决定权重 · F4.01 字号阶梯 · F4.08 易读性与易辨性
  • 站内检索just noticeable difference · Weber fraction · type scale · size contrast

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/F3.02.1