UI原型保真

更新于 2026-07-05

**做有原型的界面时，原型是唯一真源：要求「完全忠于原型」，不接受「差不多」的近似替代。** 这个主题下的几条判断：

- 逐片对照，不整块重写：把浮层按家族（菜单/弹窗/下拉/编辑器菜单）一片片审，每片都对照原型的具体数值（尺寸、间距、icon、定位）。

  • 共享 primitive 优先：公共行为（白底、外点关闭、右下弹出、开合过渡、icon）收敛到一处，避免逐页补丁互相打架。见 浮层要收敛到一个共享primitive。
  • 不用替代物：原型里有的 icon 就用真的 icon，不用文字符号/emoji；原型没有毛玻璃就不加毛玻璃。
  • 考虑周边状态：浮层弹出要顾及 AI 栏打开、侧栏折叠等状态下的定位与夹取。
  • 判断机制而非抄常量：原型 JS 里的阈值若与用户要的机制冲突（如固定像素 vs 元素可见性），按用户要的机制实现。见 显示阈值应按元素可见性而非固定像素。

相关