Fitts's Law：目标越大越近，越快越准

「指向一个目标有多难」是可以量化的。费茨定律 (Fitts's Law) 把完成一次指向的耗时写成 $MT = a + b \cdot \log _2(D/W + 1)$：距离 D 越大、目标宽度 W 越小，那个对数项（称作 Index of Difficulty）越大，点击越慢、越易点偏。它给 UI 两条准则：常用目标要大要近；以及视觉尺寸和点击热区可以解耦——图标尺寸偏小，热区却该撑大。下面先实测你自己的指向时间。

多点几次会发现实测均值大致跟着 ID 走：目标越小越远，越慢。这条规律有两个常被忽视的推论。其一，屏幕的四角与四边是「无限大」的目标——指针撞上边界就停住，等效 $W=\infty$，所以 macOS 的全局菜单栏贴在屏幕顶边、Windows 的开始按钮在角上。其二，也是最实用的：把热区 (hit target) 撑得比视觉大。下面这组对照，两个 ✕ 看起来一样小，热区却差一倍。

把热区撑大、视觉不变——透明 padding，或伪元素覆盖：

.icon-btn {
  width: 20px; height: 20px;     /* 视觉只有 20px */
  position: relative;
}
.icon-btn::before {              /* 热区撑到 44px,透明 */
  content: "";
  position: absolute;
  inset: -12px;                  /* 四周各外扩 12px */
}