用 AI 写产品视觉方向:3 组情绪词 + 设计师可跑的 on-brand 测试

在你生成第一张图、brief 设计师之前,先要一份一页视觉方向:3 组情绪词、2 个反例、3 条设计师在没有你的房间里也能跑的“on-brand 测试”。

任务场景

你在上新产品,需要跨 landing page、App Store 截图、社媒帖子、广告、还有创始人最后会写的那份 PDF onboarding 的统一视觉语言。生成第一张 AI 图、雇设计师之前,先要一份一页视觉方向文档——否则替代选项是:80 张图之后才发现 App Store 截图和 landing page 像是两家公司的产品。

什么时候适合让 AI 来做

AI 擅长把情绪词凝练成方向规则(“冷静且精确” → 调色板范围、字体配对、版式约束)、建议能让 brief 锐利的反例、产出设计师在你不在的时候能用的”是不是 on-brand”测试。

AI 做不到的:替代设计师的执行、从”低饱和蓝”里挑出对的 hex、知道你品类里哪些视觉 cliché 你看不见(“现在每个生产力 SaaS 都用 3D isometric 插画”)。锁定 brief 前一定要对照行业里 10 张真实参考图——花 10 分钟打开 Mobbin 或 Brand New。

具体失败模式:输入模糊时 AI 默认输出”高级且现代”。那些词什么也没描述——push back:“用 ‘X-over-Y’ 的方向对来给:‘冷-over-暖’、‘锐-over-柔’、‘空-over-密’。“

需要先给 AI 的信息

  • 产品类型 + 3 组方向性情绪对(“冷静 over 喧闹、精确 over 有机、密 over 空”)
  • 2 个你想像的品牌——加上每个的触发元素(具体是哪一点你不想要)
  • 1 个真心欣赏的品牌——加上要借的具体一点(不是”整体气质”)
  • 这套方向要活在的 3 个面(landing / App Store / Twitter card)—— 每个面规则不同
  • 目标买家的视觉素养——开发者受众可接受更高密度;消费者受众需要更多留白
  • 你品类里你不能踩的 cliché(每个品类都有一个)
  • 现有品牌资产(logo、字、主色)—— 方向必须兼容
  • 平台约束(App Store 截图要带文字 overlay;OG card 是 1200x630;Twitter card 会裁掉底部 20%)

可直接复制的 Prompt

写一份产品视觉方向文档(一页)。
产品:{description}
方向性情绪对:{3 组,每组 "X-over-Y"}
避免像:{2 个反例 + 每个的触发元素}
欣赏:{1 个品牌 + 要借的具体一点}
要活的面:{landing / App Store / 社媒}
已有品牌资产:{logo、主色、字(如有)}
要避开的品类 cliché:{具体 cliché}

返回:
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 到底长什么样。然后标出哪些原则还像"高级且现代"的壁纸,把它们改写成方向对。

{粘贴 brief}

输出示例

好的 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:App Store 要 X、OG card 要 Y、Twitter card 裁底部 20%。方向要每个面都活。“

容易踩的坑

  • 只列正面参考——反例对清晰度的作用更大;brief 是被它排除什么来定义的
  • “高级且现代”当情绪——这些词什么也没描述、什么也没产出;方向对是唯一有用的情绪格式
  • 字体先跳过——先定方向(衬线 / 无衬线、字重对比、是否全大写),字之后再选
  • 定一次就再也不更新——这是活文档,不是上线 artifact
  • Brief 太长——超过一页没人读;“一页”这个约束本身就是价值
  • 跳过 on-brand 测试——没有测试,每个设计都变成辩论,最大声的赢
  • 让 AI 挑准确 hex 值——让 AI 给方向(温琥珀色系),具体 hex 用支持无障碍检查的取色工具挑
  • 把 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 要用行业真实参考。

相关阅读

标签: #AI 写作 #营销 #工作流 #视觉 #品牌