默认的”App 背景”prompt 出来的都是一张抢眼主图，跟你放在上面的每个按钮都打架。真正的 App 背景是”带一点情绪的负空间”——它在内容后面坐着不动。这篇按背景角色（启动屏、设置、引导、空状态）拆开讲 prompt，让产物能真在线上用。
这篇主要解决什么问题
多数”AI 背景”教程把背景当墙画。App 背景有任务：托起前景、不抢前景。这就改变了 prompt 词汇——你要说清负空间、焦点在哪、跟亮/暗模式 UI 怎么配、目标屏的比例是多少。
这篇适合谁看
独立 App 开发者、App 设计、做引导页 / 设置页 / 启动屏 / 空状态的营销设计。也适合反复被要求”再 pop 一点”但背景已经太抢眼的产品设计师。
什么时候适合用
做新 App 或刷新视觉、背景是品牌一部分时。最有用的场景：手边没设计师，但要在一周内出 5-8 张覆盖整个产品的背景。
什么时候不建议用
营销主图（要抓眼球，不是退后——规则不同）。内容内的编辑插画（也不同）。需要精确品牌标识定位的（用矢量做，不要用像素生成）。
开始前准备
- 截一张目标屏带占位内容的图。你要在真布局上测背景，不是孤立测。
- 知道你的比例：iPhone 满屏约 9:19.5，iPad 约 3:4 竖屏，平板横屏 16:10，web 主图 16:9 或 21:9。
- 提前定亮 / 暗模式。一个模式下”很棒的背景”在另一个模式常常崩。
具体步骤
- 先定角色：满屏启动、设置背景、引导场景、空状态。复杂度容忍不同——启动可以丰富一点，设置应该几乎消失。
- 设置 / 工具页背景，prompt 要”退到后面”：
abstract texture, very low contrast, single color family
in the [chosen brand color] range, soft blurred shapes,
no focal point, suitable as a UI backdrop- 启动屏，prompt 要带定位意识：
[brand mood: calm/energetic/playful] scene, clear focal
point in the top third only, lower 60% open for text
overlay, gradient compatible with both light and dark UI- 引导页，prompt 要插画带留白：
[illustration style: flat/watercolor/3D minimal], single
subject doing [related action], generous negative space
on left and bottom for text and buttons, friendly tone- 空状态，prompt 要友好极简：
minimalist line illustration, single subject (e.g. plant,
character, abstract shape), friendly and calm tone,
lots of white space, no surrounding details- 一开始就按目标比例出。别先生方再裁——会丢焦点位置。
- 把结果放在真 UI 截图后面。任何元素跟按钮 / 文字抢眼就重生，prompt 加更强的负空间措辞。
第一次实操怎么跑
- 挑一个屏——最简单那个，比如设置页。
- 同一 prompt 生 8 张。挑负空间最多的，不是”最有意思”那张。
- 放进设计工具垫在真 UI 后面。眯眼看。按钮消失就说明背景太忙。
- Prompt 改一个词（比如
low contrast改成very low contrast）再生。记下哪个词最有效——这是你下次的词汇。
完成后检查
- 焦点绝不能在你 UI 文字 / 按钮位置。叠 UI 上去；冲突了，背景输。
- 比例匹配目标设备。把 16:9 拉成 9:19.5 看着就是坏的。
- 你产品双模式都支持就双模式都测——很多 AI 背景一个模式能用、另一个就垮。
- “兴趣度”低到看屏幕 0.5 秒后就能忽略。用户看背景比看内容多，就重生。
怎么复用这套流程
- 维护一份”背景库”文档：图路径、prompt、模型、目标屏、亮/暗变体。20 张之后你会有自己的风格。
- 赢的 prompt 存模板，留显式占位符。下次只换情绪和颜色。
- 动态背景：先静图，再用 image-to-video 工具（Runway、Pika、Kling）加微动——绝对不要从动开始。
建议的操作流程
冥想 App 引导页：“柔水彩，单人在山头盘坐，柔和粉橙日落，上下大留白，无周围细节” → 在 9:19.5 出 8 张 → 选上下负空间最多的 → 放在真引导 UI 亮模式下 → 调色板出暗模式版 → 两个都上。
容易踩的坑
- 到处都是焦点的复杂背景——UI 抢不过。剥到一个焦点或零焦点。
- 比例错——把方图裁成竖图会丢焦点位置。
- 文字区域对比度高——文字读不出。用最差情况的文字叠加测。
- 所有屏一张背景——引导、设置、空状态任务不同，需要不同形状。
- 只在亮模式生成——暗模式翻转对比计算，必须测或成对生成。
- 跳过”在真 UI 后面”测——背景孤立看永远比上线后好看。
进阶技巧
- 亮 + 暗模式：一次成对生成。问模型：“现在出暗模式版：同构图，更深蓝，更低亮度。”
- Prompt 故意收敛。“Subtle” 比 “stunning” 在背景上好用得多。
- 动态启动屏：先生 3 帧静图，用视频模型做形变，免费拿到 5-10 秒 cinemagraph。
- 数据密集屏（dashboard、列表）用近平的单色背景；情绪只给启动和引导。
怎么验收输出
- 焦点不在你 UI 文字 / 按钮位置。
- 比例像素级匹配屏幕。
- 在真 UI 上亮、暗模式都测过。
- 为内容叠加留足负空间。
- 存进背景库，带 prompt 和目标屏元数据。
FAQ
- 付费 App 能用 AI 背景吗？: AI 工具商业条款允许就行。读你的 plan；Midjourney Pro 和 OpenAI 标准 plan 都允许商用，但要验证。
- iOS / Android 多大？: iPhone 14 Pro Max: 1290x2796 px。Android 差异大。按最大目标 2 倍生再缩小，更清晰。
- 用哪个模型？: Midjourney 出氛围，Imagen / GPT image 听指令构图，Stable Diffusion fine-tune 出非常具体的风格。试两个，挑默认风格离你品牌最近的。
- 怎么让多屏背景一致？: 用参考图。多数模型接受”按这张图的风格”——喂一张通过的背景，生兄弟图。