NUMBERSWIPE
数字一笔
按步数，一笔走遍每一块
入门包 · 已完成 3 / 10
入门学会看见出口
示例网格4列仅用于缩略样张；正式375D页面推荐5列，按触区和边距计算。
NUMBERSWIPE / ART DIRECTION / V1.0 PROPOSAL
柔和积木
清楚，也愿意触摸
正俯视 · 哑光面 · 暖白与蓝紫 · 轻厚度。数字和邻接始终优先。本页是设计规范样张，不是完整游戏；按钮仅切换局部演示状态。
2026-10-21 · 字体文件尚未随样张打包，显示使用本机可用回退；正式 Nunito / Noto Sans SC 字形需接入后验收。阅读完整报告 · 查看设计令牌
配色：柔和的是材质，清楚的是信息
实色 / sRGB暖白背景
#F7F5F1background卡片表面
#FFFEFCsurface次级表面
#EEEBE6surfaceMuted未走块面
#E5E3E1cellFace结构轮廓
#817B88cellBoundary块底厚度
#C5C0CBcellDepth关键文字
#292638ink辅助文字
#66616FinkSecondary三级文字
#716A78inkTertiary路径主紫
#6558F5primary按压深紫
#5245D6primaryPressed淡紫底
#EDEAFFprimarySoft错误面
#C74350danger提示环
#966000hint墙身
#3B3547wallInk墙内条纹
#D7B35BwallStripe字体与字阶
| 角色 | 字号实样 | 字号 / 行高 / 字重 |
|---|---|---|
| display | 一步，一块 | 30 / 38 / 800 |
| pageTitle | 数字一笔 | 24 / 32 / 700 |
| section | 出口的选择 | 18 / 26 / 700 |
| body | 从 1 开始，走遍每一块 | 16 / 24 / 500 |
| button | 继续挑战 | 16 / 24 / 700 |
| label | 剩余 8 格 | 14 / 20 / 600 |
| caption | 点已走格，可退回 | 13 / 18 / 500 |
| micro | 入门 · 第 8 关 | 12 / 16 / 500 |
数字建议：NUNITO 800
1 2 3 4 5
6 7 8 9 0
11 17 18 21
本页按本机字体显示。正式样板需检查1/7、3/8、6/9、两位数测宽及中文回退。
- UI正文16D，关键教学16D，微型信息不低于12D。
- u=60：一位数31.2D；两位数27.6D。
- 大格数字仍按单位格节距计算，不按面积放大。
- 中文500/600/700；数字800，正文不全加粗。
积木状态：同一种材质，不同的规则信息
下沿默认2D，未走结构边1.25D。示例角标“8”表示原要求，错误面内“7”表示当前步号。材质阴影不能独自承担轮廓识别。
页面样张
展示用状态 · 非真实存档选关 · 小尺寸预览采用4列
对局 · 保留三个真实动作角色
1–8入门 · 出口的选择
剩余 8 格
大格，也只算一步
按住滑动 · 点已走格回退
设置 · 拟新增能力须真实接入
偏好设置
按你的节奏
静音，也能看清每一步
错误保留条件标记，墙保留杆形与条纹；声音和触感都只是辅助。
本页设置只影响演示，不写入游戏。
真实关卡1-8的视觉状态演示；不包含输入求解器。
特效：轻按压，快确认，机构不失真
3
落格按压
200ms；厚度短暂降低；不改变逻辑命中。
转墙120°
120ms单调旋转；非时间机关，不循环。
这是动作外观示例，不是六边规则模拟。减少动态时，按压不动、转墙直接切到目标角度。
| 时长 | 用途 | 表现限制 |
|---|---|---|
| 120ms | 按下、桥厚度增长、转墙 | 不排长队，不阻塞输入 |
| 200ms | 局部回弹、面板进入 | 轻位移，无夸张果冻 |
| 320ms | 错误短反馈、完成收束 | 不全屏闪白、不盖数字 |
| 500ms | 完成路线停留 | 保留完整解供玩家看清 |
组件与信息层级
清除全部进度？
这会移除本机已完成的关卡记录。此处只展示确认样式，不执行清除。
示例提示：已回到第 3 步，可以换个方向。
材质执行要点
- 顶面纯色；需要渐变时重新验对比。
- 底沿2D，接触阴影≤8%，模糊≤6D。
- 整体描边一次，异形内部不留拼接线。
- 连桥覆盖接缝和连接处描线，不连无关邻格。
- 墙高于路径；琥珀提示外圈不掩盖墙。
- 过关保持主紫面，仅边缘/光带收束。
计算过的颜色配对
19组目标配对通过；3组诊断单独列出。阈值用原始浮点值判断，表中只显示两位小数；这不等于所有动态或透明合成状态都已验收。
| 配对 | 对比度 | 结果 |
|---|---|---|
| 主文字/背景 | 13.50 : 1 | 通过 |
| 辅助文字/背景 | 5.50 : 1 | 通过 |
| 三级文字/背景 | 4.78 : 1 | 通过 |
| 线索数字/未走格 | 11.48 : 1 | 通过 |
| 路径数字/紫面 | 4.92 : 1 | 通过 |
| 路径数字/按压紫面 | 6.60 : 1 | 通过 |
| 错误数字/错误面 | 4.83 : 1 | 通过 |
| 错误说明/淡红底 | 7.47 : 1 | 通过 |
| 提示文字/淡琥珀底 | 7.80 : 1 | 通过 |
| 格边/格面 | 3.20 : 1 | 通过 |
| 格边/背景 | 3.77 : 1 | 通过 |
| 提示环/背景 | 4.86 : 1 | 通过 |
| 提示环/未走格 | 4.13 : 1 | 通过 |
| 墙身/墙条纹 | 5.87 : 1 | 通过 |
| 墙身/未走格 | 9.19 : 1 | 通过 |
| 焦点/表面 | 4.88 : 1 | 通过 |
| 选中项文字/淡紫底 | 5.60 : 1 | 通过 |
| 辅助文字/二级面 | 5.04 : 1 | 通过 |
| 已走线索环/路径面 | 4.17 : 1 | 通过 |
| 未走格面/背景（诊断，边界另保证） | 1.18 : 1 | 诊断 |
| 旧错误色白字（诊断） | 3.91 : 1 | 诊断 |
| 旧过关亮面白字（诊断） | 3.67 : 1 | 诊断 |