钱包签名 · 把「授权」讲成人话
用一句「你在向小明授权 0.5 ETH 的转账额度」替代原始 calldata，配一枚暖色圆点提示当前风险等级。
文案 ≤ 42 字风险色 3 级
关键数据条 · 情感化设计到底带来了什么
/ 01 指标-34%签名放弃率加入进度呼吸动画与一句安抚文案后
1.8×回访频次拟人化问候 + 情感化空状态
92%错误提示可读率把 0x 报错翻译成生活化语句
≤120ms微交互响应按压回弹与缓动曲线统一
应用场景展示 · 情感化设计在区块链里的四个落点
/ 02 场景
交易等待 · 用呼吸动画替代转圈
确认中每 4s 更新一次进度文案：提交→打包→确认，最长等待 45s 后主动给出「加速/取消」出口。
刷新间隔 4s出口超时 45s
数字藏品 · 让拥有变得有温度
藏品详情页加入「它陪你第 N 天」纪念文案与刻度装饰边，把持有关系从资产变成陪伴。
纪念节点 7/30/100 天装饰边 8px 刻度
图文混排特写 · 情感化交互设计四件套
/ 03 组件拟人化文案层
所有系统提示先共情、再给动作，最后给结果。
- 三段式：共情句 + 操作句 + 结果句
- 单句 ≤ 42 字，避免技术黑话
- 按钮动词化：重试 / 撤销 / 稍后
呼吸式微交互
等待不再焦虑，用缓慢明暗呼吸替代高速转圈。
- 周期 2.4s，缓动 ease-out
- 振幅 ≤ 8% 明度变化
- 降低动效时切换为静态文案
情感连接回执
链上事件触发后，给用户一封可读的「情绪回执」。
- 确认后 1.5s 内出现回执卡片
- 含哈希前 6 位便于核对
- 可一键复制或存为截图
响应式情绪一致
从 320px 到 2560px，温度与节奏保持一致。
- 断点 380 / 640 / 1024 / 1600
- 点按区 ≥ 44×44px
- 卡片列 1→2→4 逐级放宽
体验特写 · 一次失败交易如何被温柔接住
/ 04 特写
从「Gas 不足」到「差一点点，我们补上就好」
我们把链上错误码映射为可读情绪文案，并在同一卡片内给出三个出口：调整 Gas、降低金额、稍后再试。每一句都先解释原因，再给数据，最后给动作，让用户在 3 秒内知道该点哪里。
- 共情句：网络正忙，你的交易暂时没排上队。阅读时长 ≤ 2s
- 数据句：当前 Gas 建议 28 Gwei，你设置的是 18 Gwei。差值高亮
- 动作句：一键提到建议值，或保留原设置继续等待。主按钮 1 个
- 兜底：60s 无操作自动进入静默重试。重试上限 3 次
实用指导清单 · 6 条可落地的情感化设计要点
/ 05 清单1. 先做情绪地图，再画界面
把用户旅程拆成 6 个情绪节点（进入、连接、签名、等待、结果、回访），每个节点标注期望情绪与当前落差，优先修复落差 ≥ 2 级的节点。
2. 错误文案三段式，控制在 42 字内
共情句 + 数据句 + 动作句；禁止直接抛 0x 报错。上线前用 5 位非技术用户做可读性测试，目标理解率 ≥ 90%。
3. 微交互动效 0.3–0.6s，缓慢不弹跳
统一使用 ease-out 缓动，位移 ≤ 14px、缩放 ≤ 1.06；呼吸动画周期 2.4s、振幅 ≤ 8%，避免急促闪烁引发焦虑。
4. 关键数字必须可核对
金额、Gas、哈希前 6 位、到账时间四类信息常驻可见；哈希提供一键复制，复制后给 1.5s 的「已复制」反馈。
5. 响应式断点与点按区硬约束
380 / 640 / 1024 / 1600 四档；卡片 1→2→4 列，容器 1140→1400→1680px；所有可点元素 ≥ 44×44px，长哈希强制断行。
6. 交付前跑无障碍与降级检查
正文对比度 ≥ 4.5:1、焦点可见；prefers-reduced-motion 下关闭位移动效；无 JS 时全部内容可见，禁用 opacity:0 遮内容。