AI App 背景图 Prompt:splash、登录、空状态都能用的干净背景

为 App 背景写精准 prompt:留出 UI 负空间、匹配配色、不抢前景文字。附可复制配方与 2026 年 6 月的模型选型。

TL;DR

一条好的 App 背景 prompt 要同时做对三件事:把比例锁到目标设备、在 UI 落位的地方留出负空间、把明暗对比压低让前景文字仍可读。用下面这条可复制配方,一次出 4 张变体,选之前先把真实 UI 叠上去看。截至 2026 年 6 月,做这件事值得一试的三个模型是:Midjourney V8.1(纹理和艺术指导最强)、ChatGPT 里的 GPT Image 2(最听构图指令)、以及 Gemini 的 Nano Banana Pro(即 Gemini 3 Pro Image,迭代快、内置 10 种比例)。

任务场景

你需要一张 App 背景图:splash 启动页、登录页、空状态、或设置页 header。要求是贴合品牌、在 UI 元素(logo、按钮、输入框)落位处留出明显负空间、不和前景内容打架。素材库太通用,每张图都请设计师又不现实。AI 图像模型能胜任,前提是 prompt 里把比例、焦点位置、对比上限都写清楚。

哪些情况适合让 AI 来做

  • 需要 3 到 5 张背景做 A/B 测试。
  • 想让全 App 共用一套统一视觉。
  • 预算或排期不允许每张背景都请设计师。
  • 你愿意迭代——第一张出图很少能直接用。

下面这几种情况请找真人:品牌核心插画(吉祥物、key art)、需要人工精修的商店主图、以及必须严格对齐某个品牌色 hex 的场景。AI 出的颜色很接近,但做不到像素级精准。

需要先给模型的信息

输入项为什么重要示例
App 氛围一个词定调全图平静、活力、极简、俏皮、专业
配色(hex)AI 只能接近这个明度,不绝对准#0B1220 深蓝 + #FFD66B
主体背景越抽象越稳渐变、柔软纹理、几何、low-poly
比例比例错就要拉伸和裁切9:19.5(现代手机)、9:16(备选)、16:9(landing)
负空间区域UI 落在哪里登录表单留居中、设置 header 留顶部
风格参考命名风格指向最快riso、soft 3D blob、aurora 渐变、等距视角

先定比例,再写其他。在 Midjourney V8.1 里,--ar 9:16 改变的是模型的构图方式,不只是裁切,所以同一条 prompt 跑竖版和横版会得到不同布局。Nano Banana Pro 现在在 Gemini App 和 AI Studio 里提供 10 种固定比例,GPT Image 2 支持从 3:1 到 1:3 的比例。

可直接复制的 Prompt

生成一张 App 背景图。

App 氛围:[平静 / 活力 / 极简 / 俏皮 / 专业]
配色:[hex + 通俗描述]
主体:[抽象 / 渐变 / 几何 / low-poly] —— 不要人物、不要文字、不要 logo。
比例:[9:19.5 / 9:16 / 16:9]
风格参考:[命名风格]

构图规则:
- 在 [居中 / 顶部 / 底部 / 右侧] 留出充足负空间给 UI。
- 明暗对比控制在 [低 / 中],保证前景文字可读。
- 焦点柔和、不抢戏。
- 不要颗粒、不要文字伪影、不要人脸。

输出:4 个变体,焦点位置和纹理密度各不相同。

按模型追加的尾巴:

  • Midjourney V8.1:--ar 9:16 --no text, faces, watermark --style raw,得到更平、更不风格化的底图。Raw 模式更字面地遵守你的构图指令。
  • GPT Image 2(ChatGPT): 去掉 -- 参数,直接用自然语言描述比例和留白区域。开启 Thinking 模式让负空间边缘更干净。
  • Nano Banana Pro / Gemini: 从下拉菜单里选比例,而不是写进 prompt,然后再描述构图。

怎么判断 AI 的结果能不能用

  • 叠上真实 UI。 把图放到你实际的 Figma 画板后面。每个区域、包括边角较满的地方,按钮和文字都还能看清吗?
  • 眯眼看。 半闭着眼还能读清文字,就说明对比上限守住了。
  • 缩到缩略图大小检查。 满屏好看的背景,在 icon 尺寸或小列表项里常常变得很乱。
  • 找文字伪影。 图像模型仍会在纹理里幻觉出字母。有杂乱字形的变体直接拒——这是背景过不了审最常见的原因。

容易踩的坑

  • 太满。 背景就是背景,抢注意力就输了。每改一版就把纹理密度往下压一档,直到 UI 占上风。
  • 主体压在表单下面。 焦点正好落在登录输入框或空状态插画要落位的地方。在 prompt 里点名负空间区域就能避免。
  • 比例错了再硬拉伸。 生成 1:1 再拉成 9:19.5,整张都变形。生成前先在 prompt 或模型界面里把比例定好。
  • 把 logo 烤进背景。 永远不要把 logo 画进背景。单独合成才保证清晰、可编辑。

攒一套可复用的 house style

把出最满意背景的那条 prompt 存成你的 house style。每做新页面只改配色和负空间区域,结构不动。大约 10 张图之后你就有了一套保持全 App 视觉一致的系统——新增一个页面只是换一次配色,而不是重新走一轮设计。

FAQ

AI 出的 App 背景能商用吗? 看模型。OpenAI 的条款给你 GPT Image 2 输出的所有权,且所有套餐(含免费)都允许商用。Midjourney 所有付费套餐都给商用权,但年营收超过 100 万美元的公司必须用 Pro(60 美元/月)或 Mega(120 美元/月)套餐。上线前务必查清当时的条款。

2026 年 6 月该用哪个模型做 App 背景? 要纹理最丰富、艺术指导最强用 Midjourney V8.1(4 月 30 日更新后原生输出 HD 2K)。需要它精确遵守某条布局指令用 GPT Image 2。要迭代最快、且自带比例选择器用 Nano Banana Pro(Gemini 3 Pro Image)。

出图分辨率多少? 至少目标屏的 2 倍,然后下采样。Midjourney V8.1 原生输出 HD 2K,GPT Image 2 原生生成 2K。把锐利的图缩小,永远好过把模糊的图放大。

要在 prompt 里画 logo 吗? 别。在设计工具里把 logo 叠在上层合成,这样它保持矢量清晰,还能按主题换色而不用重新生成背景。

怎么保证背景上的文字可读? prompt 里把明暗对比压到低或中、让焦点避开 UI 区域,再用 CSS 在文字后面加一层淡淡的遮罩(10% 到 25% 的深色或浅色叠加渐变),而不是把遮罩烤进图里。

相关阅读

标签: #AI 写作 #工作流 #App 背景