MasterGo AI生成空状态页面的核心是精准描述+分步引导+细节补全，需明确触发条件、用户身份、模块位置、内容结构、视觉规范及迭代微调，确保空状态驱动用户行动。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 生成空状态页面，核心不是“一键生成完整页面”，而是靠精准描述 + 分步引导 + 细节补全。空状态（Empty State）本身逻辑简单但视觉和文案高度依赖场景，AI 容易泛化或忽略上下文，所以需要你主动定义“谁在什么情况下看到什么、希望他做什么”。
明确空状态的触发条件和用户身份
AI 不会自动判断“这里该有空状态”，必须你在提示词里说清楚。
- 写明具体模块：比如“订单列表页顶部搜索框下方”“消息通知区域”“收藏夹卡片区”
- 说明触发原因：“当用户未创建任何订单时”“当搜索无结果时”“当用户尚未关注任何话题时”
- 点出目标用户角色：“新注册用户”“刚开通权限的管理员”“首次访问的游客”
描述内容结构与行为引导
空状态不是一张图，而是一组有功能意图的视觉元素组合。AI 需要你拆解它：
- 主图标：用文字描述风格，如“线性扁平风格的空购物车图标，蓝色主色 #4A90E2”
- 标题文案：带语气和目的，如“还没添加商品？”，而不是“购物车为空”
- 辅助说明：解释原因或降低预期，如“你可以从首页浏览热门器械，加入购物车试试”
- 主操作按钮：明确动词+目标，如“去挑选健身器材”“立即创建第一个订单”“开始关注话题”
- 可选次级动作：如“查看帮助文档”“联系客服”“跳过引导”
指定视觉规范与一致性要求
空状态容易被当成“装饰”，但实际要融入整体设计语言。告诉 AI 这些细节，能避免风格跳脱：
- 复用已有组件：如“使用项目中统一的 Primary Button 样式”“图标尺寸与 Tabbar 图标一致（24×24px）”
- 继承色彩系统：如“主按钮色使用品牌主色 #FA2549，文字用 #333，辅助文案用 #999”
- 对齐现有间距：如“图标与标题间距为 16px，标题与说明文字为 8px，整体区域上下留白 40px”
- 适配响应式：如“在移动端显示居中文案，在桌面端左侧对齐并增加右侧插图”
用迭代指令补全细节（关键一步）
首版输出常缺情绪感或交互暗示。别重写整个提示，直接追加指令微调：
- “把图标换成更柔和的插画风格，带一点小幽默感”
- “按钮增加悬停动效示意（在原型模式中可点击）”
- “在说明文字后加一个‘常见问题’折叠面板，默认关闭”
- “给整个空状态区域加一层浅灰色背景（#F9FAFB），圆角 12px”
不复杂但容易忽略：空状态的价值不在“有没有”，而在“是否让人愿意下一步行动”。MasterGo AI 能快速搭出骨架，但真正让它生效的，是你对用户此刻心理和路径的判断——把这点写进提示词，AI 才能帮你落地。
