3.4 KiB
3.4 KiB
平台创作 Tab 模板入口设计
更新时间:2026-05-07
1. 目标
创作 Tab 恢复为模板选择入口,但不回到旧的大卡片选择面板:
- 首屏保留现有创作页布局骨架,顶部标题固定为“10分钟创作一个精品互动玩法”。
- 选择模板入口改为横向 Tab,数据来自
GET /api/creation-entry/config返回的可见玩法配置。 - 默认选中“拼图”模板,并在创作 Tab 内直接展示拼图创作表单。
- 智能创作入口从可见模板中隐藏,保留既有
creative-agent运行链路用于后续内部恢复或草稿目标打开。 - 草稿、发现、我的等一级 Tab 职责不变,作品管理仍在草稿 Tab。
2. 页面结构
移动端和桌面端共用同一信息结构:
标题:10分钟创作一个精品互动玩法
模板 Tab:拼图 / 抓大鹅 / 视觉小说(敬请期待)/ AIRP
默认内容:拼图创作表单
拼图表单嵌入创作 Tab 时:
- 不展示工作台返回按钮。
- 不重复展示“创建拼图”标题。
- 保留表单内的拼图模板、参考图上传、画面描述和生图模型选择。
- 生成草稿仍走登录保护,未登录时先触发登录流程。
3. 交互
- 打开“创作”一级 Tab 时默认停留在拼图 Tab,不主动创建拼图 session。
- 点击拼图表单“生成草稿”后,才创建拼图 session 并执行
compile_puzzle_draft。 - 拼图表单内的模板按钮使用
tablist / tab语义,点击后只填充画面描述。 - 点击非拼图且已开放的模板 Tab 时,进入该玩法既有工作台;视觉小说与 AIRP 当前保持敬请期待禁用态。
creative-agent不出现在模板 Tab 和选择弹层中,不再作为创作 Tab 首屏入口。- 方洞挑战暂时从创作页完全隐藏,不出现在模板 Tab、旧选择弹层和创作 Hub 卡片中;既有作品链路继续保留。
4. 验收
- 点击“创作”后首屏出现“10分钟创作一个精品互动玩法”。
- 顶部选择模板入口为 Tab,拼图 Tab 默认
aria-selected=true。 - 创作 Tab 默认显示拼图创作表单内容,且不显示旧“Hi, 朋友”、输入框或智能创作快捷按钮。
- 隐藏的智能创作类型与方洞挑战不出现在模板 Tab、旧选择弹层和创作 Hub 卡片中。
- 草稿页返回创作页后仍回到同一模板入口,并可保留拼图表单草稿内容。
5. 嵌入式表单 UI 细节
2026-05-10 补充:抓大鹅与视觉小说作为创作 Tab 内嵌表单时,风格类横滑选择器应统一使用浅底卡片、柔和玫瑰色选中态和小圆点确认标记。不要使用大面积黑色渐变、黑底胶囊标签或高饱和红色外框,以免在输入框下方误读为错误提示。
2026-05-10 追加:视觉小说画风选项已改为使用 public/visual-novel-style-references/ 下由 VectorEngine gpt-image-2-all 生成的参考图,作为横向卡片主视觉。
嵌入式表单控件保持以下口径:
- 大文本输入框使用白底、低饱和边框和轻量 focus ring。
- 风格选择区作为独立浅色分组承载横滑卡片,移动端只横向滚动,不挤压生成按钮。
- 风格卡标签使用浅底胶囊,保证图片仍是主体。
- 难度等分段选项可以使用主品牌色,但选中态需要降低阴影和饱和度。
- UI 中不补充玩法规则说明文案,保持创作入口清爽。