实战案例总览
七个案例,覆盖 PPT 之外的其他产物类型。每篇结构一样:速览、场景、可直接复制的提示词、为什么这么写、验收清单、变体、常见问题。
PPT 那条线单独成章,见 PPT 工作坊。
挑一个
| 案例 | 产出 | 难度 | 你会学到 |
|---|---|---|---|
| 01 · 落地页 | 单文件 HTML 页面 | 低 | 怎么把「卖什么给谁」写进提示词 |
| 02 · 手绘草图 → App 原型 | 移动端界面 | 低 | 草图输入,以及为什么画得丑没关系 |
| 03 · 数据仪表盘 | 带图表的看板 | 中 | 先定要回答的问题,再排卡片 |
| 04 · 从截图抽品牌系统 | 一份 DESIGN.md | 中 | 投入产出比最高的一次操作 |
| 05 · Figma 与截图转代码 | 可交付的前端代码 | 中 | 怎么说清楚你要哪一层 |
| 06 · 海报与配图 | 一组风格一致的图 | 低 | 锁风格,批量出 |
| 07 · HTML 视频 | 动效短片 | 高 | 用代码做能改的视频 |
建议顺序
第一次用:01 → 02。两个都快,都能一眼看出好坏。
要把它用在真实项目上:04 先做。抽出你自己的品牌系统之后,其他所有案例的输出质量都会跳一级。
给团队推广:03 和 05。这两个最容易让工程和产品同事看到价值。
所有案例的共同前提
这三件事任何一件没做,下面每个案例的效果都会打折。
一条通用的验收习惯
不管做的是什么,生成完之后先跑这四问,比什么都有效:
- 状态全不全? 空态、加载态、错误态、极值。这是 AI 设计最常见的失败。
- 数字是真的吗? 示意数据有没有标注。
- 有没有 AI 味的成分? 紫蓝渐变、通用图标、三栏默认、编出来的用户数。
- 手机宽度下崩不崩?
四问都过了再谈好不好看。