案例需求与验收基线
本案例叫「星际翻牌配对」。玩家每次翻开两张卡,记住图案位置,找到六对相同图案。它适合学习界面结构、组件状态、原型反馈和设计交付,同时保留足够小的范围。
产品目标与边界
核心目标是让玩家理解规则、快速开始、清楚感知成功或失配,并在结算后知道如何继续。本轮设计覆盖七个主界面、四种卡牌状态、六种原创图案和一条有限教学原型路径。
随机洗牌、实时计时计步、任意两张比较、音频系统、存档、广告、排行榜和真实奖励发放,属于后续小游戏实现。当前 Figma 与网页演示不会冒充这些能力已经完成。
最小需求表
| 编号 | 场景 | 设计验收 |
|---|---|---|
| R01 | 大厅 | 游戏名、玩法引导、开始与选关优先级清楚 |
| R02 | 选关 | 可进入关卡与锁定状态可区分 |
| R03 | 游戏 | 3 列 × 4 行,进度和暂停可识别 |
| R04 | 卡牌 | Hidden 不泄露图案,切换状态保留图案身份 |
| R05 | 暂停 | 继续回到原游戏,返回大厅有明确入口 |
| R06 | 成功/失败 | 成绩、后续操作和重试路径清楚 |
| R07 | 设置 | 开关的界面意图明确,标明未接音频系统 |
| R08 | 交付 | 规格、源节点、资源与运行时责任可追踪 |
视觉与布局基准
基准 Frame 为 390×844。背景深蓝,主操作浅绿,图案由原创星球和太空几何形组成。左右内容边距 24,棋盘内宽 342,三列 98×112 卡牌,列间和行间各 12;棋盘两侧各有 12 的内部留白。
适配练习采用卡牌最大宽 98,窄屏时按可用宽度减小,保持比例。安全区和胶囊仍是运行时输入,基准中的顶部留白不替代设备 API。
交互范围
完整起点在大厅。点击开始进入游戏;第 1 张牌进入“翻开第一张”教学屏;随后第 2 张演示失配,第 7 张演示匹配。反馈屏底部有明确的教学结算入口。其他牌可以显示局部翻开,但不进行任意配对运算。
这种预设路径用来验收设计意图。若要做完整可玩的游戏,应按状态机和开发交付实现。
给 AI 的开工提示词
请基于 R01~R08 建立设计任务清单。
目标文件 figma-demo。先读取已有内容,复用 Card、Button、Artwork 和设计值。
按结构 → 组件 → 屏幕 → 原型 → 验收推进。
每项关联需求编号、源节点和证据;发现范围外功能先记录到交付说明。
练习与检查
从需求表任取一项,追踪它的界面、组件、交互和验收证据。如果只能在截图中“似乎看见”,却没有状态或行为说明,继续补齐规格。