21
AI 辅助 UX 文案与交互
AI 辅助 UX 文案与交互
AI 不只是写代码,还能加速界面文案、空状态、可访问性提示与微交互脚本。
生成一致的文案语气
你是产品文案,请为登录页生成:标题/副标题/按钮文案/错误提示。
品牌语气:温暖、清晰、有行动感。
约束:不超过 30 字;错误提示包含解决方案。
让 AI 输出多个备选并标注差异。
设计空状态与引导
- 要求 AI 输出空态文案 + 示例插图描述 + CTA 链接。
- 补充“触发条件”和“成功指标”,便于后续验证。
可访问性辅助
请审查 @components/Form.tsx 的可访问性:label/aria/键盘导航/错误提示。
输出问题列表和修复 patch。
让 AI 生成 a11y 检查表和 patch,减少遗漏。
微交互与动效脚本
- 让 AI 设计“加载、成功、失败”的动画或状态机描述,再生成代码。
- 要求给出“终端/移动端”的差异处理。
练习
选一个页面组件,让 AI:1) 生成统一语气的文案 2) 给出空态与 CTA 3) 输出 a11y 修复建议。比较 AI 方案与现有文案,择优合并。