参考图编辑和风格融合:用 Nano Banana 2 把一张设计稿变成 10 个可用方向

参考图编辑和风格融合:用 Nano Banana 2 把一张设计稿变成 10 个可用方向

设计师出了一张初稿,老板说"方向对了,但再给我几个不同的风格试试看"。

以前这意味着设计师要手动改配色、换材质、调光影,一个方向至少半天。现在 Nano Banana 2 的参考图(Reference Image)功能可以把这个过程缩短到几分钟。

这篇文章分享的是我用参考图功能做风格发散的实际流程,包括什么时候好用、什么时候容易翻车。

参考图功能的基本逻辑

Nano Banana 2 的参考图功能允许你上传一张或多张已有图片,然后通过 Prompt 描述你想要的修改。模型会在保持参考图核心内容的基础上,按照 Prompt 的要求进行调整。

它能做的事情大致分三类:

  1. 局部修改:只改一个部分,其他不动("把背景换成白色")
  2. 风格迁移:保持内容不变,换一种视觉风格("改成水彩画风格")
  3. 多图融合:上传两张图,取各自的部分特征融合("用 A 的配色 + B 的构图")

实战:一张 App 界面稿的 10 个方向

我拿一张深色主题的仪表盘 UI 截图做参考图,用不同的 Prompt 生成了 10 个风格变体:

方向 Prompt 关键词 效果
1 "换成浅色主题,保持布局不变" 配色翻转,布局保持
2 "Glassmorphism 玻璃拟态风格" 加了毛玻璃效果和半透明卡片
3 "扁平化极简风格,去掉阴影和渐变" 大色块,线条简洁
4 "3D 等距视图风格" 界面元素变成了 3D 方块,有透视效果
5 "赛博朋克霓虹风格" 黑色底,霓虹色线条描边
6 "纸质感手绘草图" 像手画在笔记本上的线框图
7 "日式像素风格" 16-bit 像素画风格的仪表盘
8 "自然木质纹理风格" 卡片变成了木板质感,暖色调
9 "高对比黑白印刷风格" 黑白灰,像报纸排版
10 "科技感 HUD 风格" 线条图,像战斗机座舱 HUD

10 个方向用了大约 3 分钟,成本不到 $1。

什么情况下效果好

参考图功能在这些场景下表现稳定:

纯视觉风格变换——改配色、改质感、改艺术风格,但不改内容和布局。模型能理解"这张图里有什么",然后用新的风格重画一遍。

背景替换也很稳。保持主体不动,只换背景,光影会自动适配新背景,不会有抠图感。

材质替换同理。"把金属材质换成木质""把哑光换成亮面",换完之后光泽和反射都会跟着变。

什么情况下容易翻车

改结构和布局基本不行。如果你说"把左边的侧边栏移到顶部",模型大概率会画出一张新的布局,但内容和原图对不上。它不是 Figma,不会做精确的 UI 元素重排。

改特定细节也容易出问题。"把第二行的图表从折线图改成柱状图"这类精确修改,模型经常改错位置或者干脆忽略。

多图融合的可控性最差。上传两张参考图说"用 A 的配色 + B 的构图",结果往往是两张图的特征混在一起,你没法精确控制各取多少。得多生成几次,挑一张最接近的。

提高成功率的技巧

  1. 一次只改一个维度:不要同时改配色、风格和布局。先改风格,满意了再改配色。

  2. 修改描述要具体:不要说"让它更好看",说"把背景色从 #1a1a2e 换成纯白 #ffffff,保持文字和图表不变"。

  3. 关键元素重复提及:如果画面里有个 logo 不能变,在 Prompt 里明确写"保持左上角的 logo 完全不变"。

  4. 用减法 Prompt:有时候"去掉所有阴影和渐变"比"改成扁平风格"更有效,因为前者指令更明确。

和传统设计工作流的结合

参考图功能最大的价值不是替代设计师,而是帮设计师做"发散"。

一个比较高效的工作流是:

  1. 设计师用 Figma 出一版精确的初稿
  2. 截图作为参考图,用 Nano Banana 2 快速生成 10-20 个风格变体
  3. 和客户/老板一起从中挑出 2-3 个方向
  4. 设计师回到 Figma 里,按选定的方向精修

这样设计师不用花时间做"探索性劳动",可以把精力集中在最终方案的打磨上。


参考链接

  1. Google 官方博客 - Nano Banana 2
  2. GitHub - nano-banana-2-skill (支持 Reference Image)
  3. 9to5Google - Nano Banana 2 brings Pro quality at Flash speeds
  4. Gemini API - Image Generation
← 返回博客列表