01
线条只画信息层级
用 1px 细线表达区块与分组，禁止用粗边框和投影堆叠。同一屏幕内的分隔线颜色统一，透明度控制在 14% 上下，让视觉焦点留给关键数字。
指标：分隔线 ≤ 3 种粗细，均为 1px01 / CHECKLIST
实用指导清单：把极简线条落到链上产品
面向技术爱好者、投资人与合作伙伴，六条可直接执行的要点，每条都配可量化阈值。
02
把授权步骤压到 3 步内
连接钱包、确认网络、签署交易，每一步给出一句人话解释与一键回退。避免在第 2 步同时要求切换网络与授权代币，减少中断。
指标：主流程步骤 ≤ 3，回退入口 100% 可见03
强调色只用于关键动作
青蓝强调色仅出现在主按钮、激活标签与关键数值上，面积控制在整屏 10% 以内；主色承担 30% 的标题与结构色，其余留给中性底。
指标：强调色覆盖面积 ≤ 10%04
交易哈希可读化处理
长哈希默认显示首尾各 6 位，中段折叠，悬停展开完整值并提供复制。移动端点击区域不小于 44px，避免误触与横向溢出。
指标：哈希展示 6+…+6，点按区 ≥ 44px05
为等待状态设计线条动效
链上确认通常 3–15 秒，用一条循环的细线路径替代旋转圈，配合进度文案，降低等待焦虑；同时保留静态降级版本。
指标：等待反馈首帧 ≤ 200ms06
留白先于装饰
区块上下内边距按 8pt 节奏递增，宁可减少装饰元素，也不挤压正文行距。正文行高保持 1.62，保证长时间阅读链上说明不疲惫。
指标：正文行高 1.62，间距遵循 4/8pt02 / WORKFLOW
工作流程：从创意策划到链上交互上线
四个阶段，每个阶段都有交付物与验收口径，方便投资人评估进度。
创意策划与线条语汇
梳理品牌关键词与用户旅程，产出线条母题、栅格与配色令牌表，明确强调色的唯一用途。
用户体验优化与原型
完成 3 条关键路径的高保真原型：连接钱包、资产查看、签署确认，并做 5 人可用性走查。
技术开发与合约对接
前端组件化、合约读写封装、异常与重试策略；测试网跑通全流程，覆盖断网与拒签场景。
互动设计与数据回流
上线后按周观察转化与流失，围绕互动设计迭代微动效与提示文案，形成闭环。
03 / METRICS
关键数据条：可被验证的体验指标
以下为设计目标区间，用于对齐创意策划与技术开发的验收标准。
≤ 3完成一次链上签署的步骤数
+38%极简改版后首访任务完成率提升目标
1.62正文行高，兼顾可读与紧凑
10%强调色最大覆盖面积占比
04 / DASHBOARD
数据可视化面板：链上交互健康度
用标签页切换三个观察视角，数值与阈值并列，便于快速判断是否需要优化。
交互漏斗：每一步都有回退与解释
从进入页面到完成签署，漏斗每一层都配一句人话提示。若某层流失超过阈值，优先改文案与按钮层级，而非增加装饰。
进入页面100%
连接钱包72%
确认参数54%
完成签署41%
阈值建议：相邻两层流失超过 25% 即触发一次文案与动效复核，重点检查等待反馈是否及时。
性能预算：让线条保持轻盈
| 项目 | 预算 | 说明 |
|---|---|---|
| 首屏渲染 | ≤ 1.8s | 线稿图形使用内联 SVG，避免额外请求 |
| 交互响应 | ≤ 100ms | 按钮按下即给反馈，不等待链上返回 |
| 确认等待提示 | ≤ 200ms | 线条动效首帧即时出现 |
| 重试次数 | ≤ 3 次 | 指数退避，避免频繁请求节点 |
留存与陪伴：把工具做成习惯
极简设计不等于冷淡。我们用稳定的排版节奏与一致的提示语气陪伴用户，让回访成为自然动作。
7 日回访63%
重复任务率48%
主动查看教程35%
若主动查看教程比例上升，说明界面自解释性不足，应回看线条层级与文案密度，而不是简单加弹窗。
05 / SCENES
应用场景：六个不等高的陪伴式模块
瀑布流排布，每个模块对应一个真实开发与互动设计议题。
钱包资产总览
资产卡片以细线分区，关键余额用主色加粗，其余信息降低一档明度，帮助用户 3 秒看清全貌。
用户体验优化等待与确认反馈
用一条循环细线替代旋转圈，配合「已提交 / 打包中 / 已确认」三段文案，用户随时知道自己在哪一步。
互动设计
多链切换体验
网络切换只保留必要选项，切换后即时刷新余额与授权状态，避免用户手动重试。
技术开发授权与权限说明
把授权范围拆成条目式清单，明确「可读取」「可转移」的差别，减少误授权带来的信任损耗。
创意策划
数据看板与导出
图表色仅使用本页主色与强调色，保持克制；导出 CSV 供投资人复盘，字段与界面文案一致。
区块链开发帮助中心与智慧启迪
把高频疑问写成 60 秒可读完的短篇，配线条插画解释概念，让新手在陪伴中建立信心。
智慧启迪- 沟通48 小时内给出目标拆解与优先级建议
- 共创2 周内输出线条母题与关键路径原型
- 交付附带设计令牌表与前端组件说明，便于长期维护