把创意矩阵装进一台链上工作台

做法：每张卡片只放 1 个主指标 + 1 条口径说明，例如「确权中位耗时 = P50，排除重试请求」。

阈值：口径文档不超过 2 页，指标超过 34 项必须分组，单屏可见卡片 ≤ 6 张。

避坑：把平均值当默认口径最常见，链上场景请直接给 P50/P95 双值。

做法：按 60/30/10 分配——中性深底约 60%，主色面板约 30%，强调色只用于按钮、激活态与关键数字。

参数：装饰网格线透明度 ≤ 8%，发光描边 ≤ 1px，斜切色带仅占分区宽度的 12% 以内。

避坑：整条横幅铺满高饱和渐变会压过正文，可读性直接掉到对比度 3:1 以下。

做法：提交后立刻显示哈希占位与进度阶段（签名 → 广播 → 确认），每个阶段给一句人话解释。

阈值：超过 3s 展示阶段性文案，超过 15s 提供「稍后回看」入口，失败重试按钮一键可点。

避坑：只转圈不解释是去中心化应用最常见的信任流失点。

做法：在构建配置里设预算：首屏 JS ≤ 180KB（gzip）、首屏可交互 ≤ 1.2s、图片单张 ≤ 240KB。

参数：3D/AR 资源按需分包，首包不引入；所有图片加 loading="lazy" 与固定宽高比。

避坑：忽略固定宽高比会导致布局跳动，视觉上比加载慢更让人不安。

做法：入场用 @keyframes + animation-delay 错峰（60–380ms），元素默认即终态，绝不先隐藏再靠脚本显示。

阈值：单次动效 ≤ 800ms，位移 ≤ 16px；prefers-reduced-motion 下全部关闭。

避坑：焦点样式别只靠颜色，2px 描边 + 2px 偏移在深底上更稳，触控目标 ≥ 44px。