拟物组件库
按钮、输入框、开关、进度环四类基础件全部走双向阴影，凸起态用于可点击，凹陷态用于容器与输入。同一组件在 hover 时只做 2–4px 位移与阴影加深，不做缩放，避免深色底上出现边缘毛刺。组件交付附带变量映射表，开发可直接取值。
双向阴影圆角 20–30px变量映射
Skeuomorphism × Creative Matrix × Blockchain
以拟物化设计的按压触感，把区块链生态协作装进一张可触摸的创意矩阵
我们为区块链应用开发团队提供一套「视觉—交互—协作」三位一体的网页设计方法：用新拟态的凹凸阴影交代控件层级，用创意矩阵把多角色协作关系排布成清晰网格，让验证者、节点运营方与 DApp 开发者在一个界面上完成对接。首发 12 个协作席位，平均 3 个工作日产出可交付的高保真样式稿。
12本期协作席位
48h首轮视觉评审
92%组件复用率
Co-building Network
协作网络：六类角色，共用一套设计语言
生态协作的前提是「同一种视觉语法」。以下六类伙伴共用同一套色彩搭配与排版布局令牌，任何一方新增页面都不需要重新谈判圆角、阴影与间距。
公链主网团队提供 RPC 与浏览器数据接口，统一区块高度口径
钱包与签名方约定授权弹窗尺寸 360×520，按钮点按区 ≥44px
DApp 工作室复用矩阵卡片组件，交付周期压缩约 35%
节点运营方监控面板接入同一套数据可视化面板样式
安全审计机构风险等级用固定色阶表达，不依赖文字描述
品牌与创意策划维护拟物化设计规范库与 Figma 变量映射表
Practical Checklist
拟物化区块链网页的六条落地要点
-
先定单一底色，再谈阴影
新拟态只能在一块低对比底色上成立。页面背景固定为 oklch(0.15 0.03 297)，卡片面统一用 oklch(0.21 0.045 297)，两者明度差控制在 0.06 以内，凹凸阴影才不显脏。
明度差 ≤ 0.06 · 阴影模糊半径 16px -
用双向阴影定义「可按压」层级
凸起控件写 6px 6px 16px 暗影 + -6px -6px 16px 高光，凹陷容器把两组值改为 inset。整套页面只保留凸起 / 凹陷两级，超过两级用户就分不清哪里能点。
层级上限 2 级 · hover 位移 ≤ 4px -
创意矩阵按「角色 × 阶段」拆格
把协作关系画成 6×4 矩阵：横轴是需求方、开发、审计、上线四阶段，纵轴是六类伙伴。任一格子空缺即代表协作断点，优先补位。矩阵格子间距用 12–20px，保证一屏可读全貌。
6×4 矩阵 · 格子间距 12–20px -
强调色只留给关键动作与数字
按 60-30-10 分配：约六成中性深底、三成主色系（orchid 色族的按钮与卡片面）、一成强调色。oklch(0.78 0.14 92) 这种暖金只用于主按钮、关键指标数字与激活态细线，禁止铺成大块背景。
强调色占比 ≤ 10% · 仅 3 类用途 -
链上数据要给「阈值」，不要给「感觉」
数据可视化面板必须写清判定口径：确认延迟 < 3s 记为良好，3–8s 提示观察，> 8s 标红并附带最近一次拥堵区块。环形进度只表达 0–100% 的相对值，绝对数值一律用文字托底。
良好阈值 3s · 观察区间 3–8s -
交付前做一次无 JS 与窄屏体检
关闭脚本后页面须完整可见；在 320px 宽度下逐列检查是否横向溢出，长英文合约名加 break-word，图片统一 object-fit:cover 并锁定宽高比，避免加载时布局跳动。
320px 无横向滚动 · 图片锁定比例
On-chain Metrics
协作看板：把生态数据摊在同一块面板上
近六周组件复用与协作提交
口径：同一设计令牌被两个以上团队引用的次数记为一次有效复用；连续两周低于 40 次视为协作活跃度预警。
94%
设计令牌覆盖率全部页面组件均引用 --sp-* / --r-* / --sh-* 变量
81%
跨团队评审通过率首轮评审一次通过，剩余进入二轮微调
67%
拟物组件复用占比按钮、输入框、卡片三类占据主要复用份额
Matrix Capability
三块能力拼图，撑起生态协作的界面底座
创意矩阵排布
把六类角色与四个协作阶段铺成 6×4 网格，空格即断点。排版布局上采用瀑布流不等高卡片承接不同信息量，重要断点用暖金细线高亮，其余保持中性。矩阵每周复盘一次，断点闭合率纳入协作健康度考核，目标三周内提升至 85% 以上。
6×4 网格断点闭合率瀑布流
链上数据面板
确认延迟、节点在线率、合约调用成功率三类指标固定在首屏可见区域，全部带阈值说明。环形图只表达相对进度，绝对数值用文字托底，避免误读。面板数据每 30 秒刷新一次，异常值以暖金描边提示，不使用闪烁动效干扰阅读。
阈值口径30s 刷新无障碍标签
Collaboration Tiers
协作档位：按团队规模选择参与深度
三档均为「设计系统共建」模式，差异在于参与席位数量、评审频次与是否包含创意策划工作坊。
12生态协作席位（本期）
3 工作日首轮高保真样式稿交付
92%组件复用率（跨团队统计）
< 3s确认延迟良好阈值
Scene Gallery
场景图集：拟物语言在四类协作界面上的落点
