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% 的深色或浅色叠加渐变),而不是把遮罩烤进图里。