logo
21

AI 辅助 UX 文案与交互

⏱️ 15分钟

AI 辅助 UX 文案与交互

AI 不只是写代码,还能加速界面文案、空状态、可访问性提示与微交互脚本。

生成一致的文案语气

你是产品文案,请为登录页生成:标题/副标题/按钮文案/错误提示。
品牌语气:温暖、清晰、有行动感。
约束:不超过 30 字;错误提示包含解决方案。

让 AI 输出多个备选并标注差异。

设计空状态与引导

  • 要求 AI 输出空态文案 + 示例插图描述 + CTA 链接。
  • 补充“触发条件”和“成功指标”,便于后续验证。

可访问性辅助

请审查 @components/Form.tsx 的可访问性:label/aria/键盘导航/错误提示。
输出问题列表和修复 patch。

让 AI 生成 a11y 检查表和 patch,减少遗漏。

微交互与动效脚本

  • 让 AI 设计“加载、成功、失败”的动画或状态机描述,再生成代码。
  • 要求给出“终端/移动端”的差异处理。

练习

选一个页面组件,让 AI:1) 生成统一语气的文案 2) 给出空态与 CTA 3) 输出 a11y 修复建议。比较 AI 方案与现有文案,择优合并。