TL;DR
用一个强推理模型（截至 2026 年 6 月，Claude Opus 4.7 或 GPT-5.5）把模糊的情绪词凝练成一页视觉方向文档，在你生成 AI 图、brief 设计师之前就做好。给它方向对（冷静-over-喧闹）、2 个反例加上各自的具体触发元素、以及这套方向要活的版面。让它返回色彩与字体方向、图像 do/don’t 清单、3 条是 / 否的 on-brand 测试。然后用对比度检查工具取真实 hex，再对照 Mobbin 上 10 张行业参考验证。AI 给方向，你和设计师做执行。
任务场景
你在上新产品，需要跨 landing page、App Store 截图、社媒卡片、广告、还有创始人最后一定会写的那份 onboarding PDF 的统一视觉语言。生成第一张 AI 图、雇设计师之前，先要一份一页视觉方向文档——否则替代选项是：80 张图之后才发现 App Store 截图和 landing page 像两家公司的产品。
这份文档的价值不是漂亮文字，而是一套设计师在你不在场时也能照着跑的规则，以及两个人为某个版式是不是 on-brand 吵架时的裁判。
什么时候适合让 AI 来做
AI 在这件事上擅长三件事：
- 把情绪词凝练成方向规则（
冷静且精确→ 调色板范围、字体配对、版式约束）。 - 建议能让 brief 更锐利的反例——靠说清你不是什么来收紧方向。
- 产出设计师 30 秒就能答的 3 条 “是不是 on-brand” 测试。
AI 做不到的：替代设计师的执行、从”低饱和蓝”里挑出对的 hex、看见你已经看麻木了的品类 cliché（每个生产力 SaaS 至今还在出同一款 3D isometric 插画）。一定要对照行业里 10 张真实参考。Mobbin 的免费档（截至 2026 年 6 月）只放出最近的几个 app，要认真浏览得上 Pro 档（年付约 $10/月），或者花 10 分钟刷一遍 Brand New。
一个具体失败模式：输入模糊时 AI 默认输出”高级且现代”。那些词什么也没描述。push back：“只用方向对——冷-over-暖、锐-over-柔、空-over-密。“
需要先给 AI 的信息
- 产品类型 + 3 组方向性情绪对，每组对着它的反面打分（
冷静-over-喧闹、精确-over-有机、密-over-空）。 - 2 个你不想像的品牌，加上每个里那个触发”不要”的具体元素。
- 1 个真心欣赏的品牌，加上要借的那个具体一点（不是”整体气质”）。
- 这套方向要活的 3 个版面。每个版面规则不同。
- 目标买家的视觉素养。开发者受众可接受更高密度；消费者受众需要更多留白。
- 你品类里不能踩的那个 cliché。每个品类都有一个。
- 现有品牌资产（logo、字、主色，如有）；方向必须兼容。
- 各版面的硬尺寸（见下）。忽略画布的方向一接触现实就散架。
各版面精确尺寸（截至 2026 年 6 月）
这些是方向必须活下来的画布。搞错了，整份 brief 都会显得外行。
| 版面 | 尺寸 | 它逼出什么 |
|---|---|---|
| App Store 截图（主图） | 1320 x 2868 px（6.9” iPhone 17 Pro Max）；1290 x 2796 px（6.7”）可作回退 | 高画布，留出文字 overlay 的空间；差一个像素都会被拒 |
| Open Graph / 链接预览 | 1200 x 630 px，标题放进中心约 1080 x 600 的安全区 | X、LinkedIn、Slack、Discord 通用 |
| X（Twitter）大图卡 | 同样用 1200 x 630；没设 twitter:image 时 X 会回退到你的 og:image | 底边会被裁，关键元素别压在那里 |
来源：Apple 截图规格。
可直接复制的 Prompt
写一份产品视觉方向文档（一页）。
产品：[一句话描述]
方向性情绪对：[3 组，每组 "X-over-Y"]
避免像：[2 个反例 + 每个的触发元素]
欣赏：[1 个品牌 + 要借的具体一点]
要活的版面：[landing / App Store / 社媒]
已有品牌资产：[logo、主色、字（如有）]
要避开的品类 cliche：[具体 cliche]
返回：
1）视觉原则 - 3 条，每条配一个针对这款产品的反例。
2）色彩方向 - 2 套调色板 + hex 码，每套一句话情绪描述。
3）字体方向 - 2 套字族配对（标题 + 正文），加使用说明。
4）图像规则 - 摄影风格、插画风格、明确的 do/don't 清单（每条 5+ 项）。
5）版式原则 - 密度、间距，每个版面一条规则。
6）3 条 on-brand 测试 - 设计师 30 秒能答的是 / 否问题："Does this... ? 否就 off-brand。"
7）3 条参考 URL（行业里真实的站）锚定方向。短版本：反向 brief 磨刀
下面是我当前的视觉 brief，读起来很泛。每条原则给一个针对我产品 / 品类的具体
反例 - 对我们来说 off-brand 到底长什么样。然后标出哪些原则还像"高级且现代"的
壁纸，把它们改写成方向性的 X-over-Y 对。
[粘贴 brief]关于模型的一点（2026 年 6 月）：任何前沿推理模型都能胜任。Claude Opus 4.7 和 GPT-5.5 给的方向语言最紧；Gemini 3.1 Pro 也行、API 上最便宜。无论用哪个，质量来自你输入的具体度，而不是模型本身。
输出示例
一条好的 do/don’t 行：“Do——纯色 pastel 背景上干净的产品截图、每个版面一种点缀色、充足留白。Don’t——人物用电脑的 lifestyle 图，那是我们明确要避开的 SaaS-blog look，也是我们品类正淹死在里面的 cliché。”
一组好的 on-brand 测试：
- 测试 1：放在 Linear 营销页旁边会不会显得违和？会就漂向 enterprise 了。
- 测试 2：盖住 logo。光看字体能不能认出是我们？不能就是在用 stock 字体。
- 测试 3：这个版面至少 40% 留白吗？不到就是在堆。
怎么改输出
- 情绪词换成方向对。 “每个形容词必须是
X-over-Y。现代失败；锐-over-柔通过。” - 每条原则强制配一个反例。 “每条原则配一个针对我们品类的具体反例——不是
不要繁忙，而是不要 2024 年起每个生产力 SaaS 都用的 isometric 角色插画。” - 测试要 30 秒答得出。 “每条 on-brand 测试必须是是 / 否问题，带具体视觉参照物。
是否感觉冷静？失败；至少 40% 留白吗？通过。” - 去黑话。 “改写到非设计师（创始人、营销实习生）也能用来判断。不要
kinetic typography或editorial whitespace。” - 钉死各版面 delta。 “加每个版面的 delta：App Store 要 1320 x 2868 画布加文字 overlay、OG card 是 1200 x 630、X 裁底边。方向要在每个版面都站得住。“
容易踩的坑
- 只列正面参考。反例对清晰度的作用更大；brief 是被它排除什么来定义的。
- “高级且现代”当情绪。这些词什么也没描述、什么也没产出。方向对是唯一有用的情绪格式。
- 字体先跳过，因为还没选字。先定方向（衬线 vs. 无衬线、字重对比、是否全大写），具体字之后再选。
- 定一次就再也不更新，头三个月之后撒手。这是活文档，不是上线 artifact。
- Brief 超过一页。超过一页就没人读。“一页”这个约束本身就是价值。
- 跳过 on-brand 测试。没有测试，每个设计都变成辩论，最大声的赢。
- 让 AI 挑准确 hex 值。让 AI 给方向（温琥珀色系），具体 hex 用对比度工具取。正文文字按 WCAG AA 至少要 4.5:1 对比度，可在 WebAIM Contrast Checker 上查。
- 把 App Store 截图当 stretch goal。它常常比 landing page 拿到更多曝光；需要一等的方向，不是补丁。
FAQ
- 能直接拿这个 brief 设计师 / Fiverr 吗？ 可以，但配 5 张参考图 + 1 个示例交付物（一张草图或 moodboard）。光靠文字会歧义；show + tell 比 tell 强。
- 多久回看一次？ 执行约 6 个月后。如果你每月都要 override 规则，是规则错了，不是执行错了。重新 brief，别一直打补丁。
- 创始人审美很强、每周都推翻 brief 怎么办？ 让 brief 明确反映他的审美：粘 5 件他批过的 + 5 件他否过的，让 AI 抽 pattern。Brief 就变成他审美的外化。
- 这跟品牌指南有什么区别？ 品牌指南是身份（logo、色、字）。视觉方向文档是执行规则——这套身份在真实版面上怎么落。两个都要。
- AI 能直接生成 moodboard 吗？ 它能生成符合方向的样图，让你做 brief 的合理性检查，但设计师真正照着干的 moodboard 要用行业真实参考。
- 该用哪个模型？ 截至 2026 年 6 月，Claude Opus 4.7 或 GPT-5.5 给的方向语言最精确。Gemini 3.1 Pro 也行、API 上最便宜。输入的具体度比模型更重要。