共 10 个小样
- 交互
能点的范围，比看起来大
复选框、关闭叉号、图标按钮可以画得小，但能点的范围不该跟着小：让文字也能勾选，让叉号四周一圈都算点中。
·hit-areaaccessibilityforms - 交互
加载提示晚一点出现
请求通常很快回来时，别一点就转圈。等 200ms 左右还没回来再显示，显示了就至少停留一小段时间，按钮文字也别换。
·loadingfeedbackbutton - 动效
高频操作别加动画
一天要触发几百次的操作，比如命令面板、快捷键、切标签，应该按下就出现。第一次看着精致的开场动画，到第一百次就只剩等待。
·frequencykeyboardresponsiveness - 组件
骨架屏比转圈显得快
整块内容要等一两秒时，先用灰块画出最终版式：比空白更让人放心，比转圈更让人知道在等什么，内容到了也不会跳。
·loadingskeletonperceived-performance - 动效
弹出层从触发它的地方长出来
下拉菜单、弹出层放大出现时，从触发按钮那一侧长出来，而不是从自己的正中间。动作本身就交代了它是从哪来的。
·popovertransitionorigin - 动效
切换图标别硬换：模糊 + 缩放
按钮在几个图标之间切换时，让旧图标缩小、变糊、淡出，新图标从糊到清、从小到大，点下去就有回应。
·icontransitionfeedback - 动效
逐字打字别硬跳：按帧点亮，每个字淡入
角色说话时一个字一个字出现的文字，别靠定时器让字从无到有地跳出来；按帧决定亮到哪，再给每个字一小段淡入，节奏马上就顺了。
·typinganimationperformance - 组件
状态信号：一个状态一个形状，动一下就停
头像角上的状态点别只换颜色、也别一直闪；工作中、等你回复、完成、出错、离线，各给一个轮廓，缩小、灰度、静止时都分得清。
·statusaccessibilitymotion - 排版
会变的数字，用等宽数字
多数字体里“1”比“0”窄，跳动的计时器会左右晃，表格里的金额也对不齐。会变、要比较的数字，换成等宽数字。
·numberstypographyalignment - 布局
信息层级，不必靠边框一层套一层
三层信息一层套一层的边框会很挤；字号、颜色、留白，或背景色的深浅同样能表达层级，而且更轻。
·hierarchyvisual-designcss