页面名称：小小演说家｜练习拜年语顶部导航栏（st | AI智能生成设计模板-千图AI

工作流1.0

页面名称：小小演说家｜练习拜年语顶部导航栏（sticky）
- 左侧：返回「我的作品」（点击退出且保存进度）
- 中间：标题「练习拜年语」
- 右侧：可选「帮助」icon 步骤进度条（置顶模块）
- 三步横向进度条： 1）生成拜年语（完成打勾） 2）练习拜年语（当前高亮） 3）录制拜年视频（灰色）页面主体（纵向单列，只放一个“当前语句卡片”，其余信息用小模块，不出现模式切换）
1）Dino老师区域（顶部靠上）
- Dino老师头像/半身插画
- 气泡文案：『跟我读这一句吧！』 2）语句卡片（页面核心，大卡片）
卡片内从上到下：
- 句子进度：『第 3 / 8 句』
- 最高分星级：三颗五角星（0-3星，显示该句最高分）
- 英文句子（大字）
- 中文释义（小字，淡色）
- 两个按钮（同一行）： - 『听示范』（播放icon） - 『麦克风』（录音icon，主按钮更醒目）
- 状态提示区（卡片底部，用于显示）： - 录音中：『正在录音…』+波形 - 测评中：『测评中…』+loading - 出结果：星级+鼓励语（如『不错！继续～』）
- 规则用极小字注释在卡片底部：『1-3星自动下一句｜0星自动重练本句』 3）“句子选择（复练）”区域（在页面下方，默认弱化；当全部句子练完后，文案与样式变更为更突出）
- 标题：『想再练哪一句？』（完成前可显示为弱化说明：『练完后可自由复练』，但不出现锁图标）
- 以竖向列表/简洁条目展示全部句子（1..N） - 每条：序号 + 句子前半段预览 + 小星级（该句最高分） - 点击条目：把“语句卡片”切换到该句，进入“听示范-录音-测评”循环（用于自由复练）
- 完成全部句子后，老师气泡文案切换为：『太棒了！现在可以点任意句子反复练习～』底部固定操作区（sticky）
- 主按钮（红色圆角）：『去录制作品』
- 次按钮（文字按钮，可选）：『查看整段拜年语』交互标注（小号灰字）
- 前半程由AI自动推进句子
- 全部完成后，用户可在下方列表点选任意句进行复练（同页完成，不切换模式，不展示锁/解锁）整体风格：极简单列、按钮大、适合孩子；这是原型/产品图风格，可用占位英文句子与占位翻译。

商AI 生成仅供参考，未经安全版权审查，请勿擅用。

收藏

AI改图

下载

更多

描述你想生成的图片信息，如：画面里有什么风格/元素/色彩

暂无同款作品