怎么用 AI 生成 App 背景图

按启动屏、设置、引导、空状态四种角色拆 prompt,背景能坐在 UI 后面而不抢按钮——附 2026 年准确尺寸和选模型指南。

默认的”App 背景”prompt 出来的都是一张抢眼主图,跟你放在上面的每个按钮都打架。真正的 App 背景是”带一点情绪的负空间”——它在内容后面坐着不动。这篇按背景角色(启动屏、设置、引导、空状态)拆开讲 prompt,给出截至 2026 年 6 月各屏要按多大像素生成,以及每种活该选哪个模型,让产物能真在线上用。

太长不看

  • 角色写 prompt,而不是只说”做个背景”。设置页背景要几乎消失;启动屏可以带情绪;引导页要一个偏离中心的主体,留出放文案的位置。
  • 一开始就按目标比例生成——绝不要先生方图再裁,那样会丢焦点位置。
  • 工具分工(2026 年 6 月):Midjourney v7 出氛围,GPT Image 2(在 ChatGPT 里)听指令构图、稳稳给文字留位,Google Imagen 4 出写实多主体场景,FLUX 2 跑开源权重的微调风格。
  • 每张背景上线前都要垫在真 UI 后面、亮暗模式都测。一个模式下好看的背景,换个模式常常就垮。
  • 商用权各家不同:Midjourney 每个付费档都给商用权,但公司年收入超过 100 万美元就得上 Pro 或 Mega。永远以你自己 plan 的条款为准。

这篇主要解决什么问题

多数”AI 背景”教程把背景当墙画。App 背景有任务:托起前景、不抢前景。这就改变了 prompt 词汇——你要说清负空间、焦点在哪、跟亮 / 暗模式 UI 怎么配、目标屏的比例是多少。这四件事错了,背景在生成器预览里好看得很,一放上按钮就崩。

这篇适合独立 App 开发者、App 设计和营销设计,以及反复被要求”再 pop 一点”但背景已经太抢眼的产品设计师。最有用的场景:手边没设计师,但要在一周内出 5-8 张覆盖整个产品的背景。不适合的场景:营销主图(要抓眼球,不是退后)、需要精确品牌标识定位的(用矢量做,不要用像素生成)。

开始前准备

  • 截一张目标屏带占位内容的图。你要在真布局上测背景,不是孤立测。
  • 提前定亮 / 暗模式,或干脆成对生成两版。一个模式下”很棒的背景”在另一个模式常常崩。
  • 知道目标尺寸。下表覆盖了 2026 年常见的几种屏。

目标尺寸与比例(截至 2026 年 6 月)

屏幕原生像素比例建议生成
iPhone 16 Pro Max(6.9”)1320 × 2868约 9:19.51440 × 3120(约 2 倍冗余)
iPhone 16 / 16 Pro1179 × 2556 / 1206 × 2622约 9:19.51242 × 2688+
安卓旗舰(各家不同)常见约 1080 × 2400约 9:201242 × 2688,再做中心安全裁切
iPad(竖屏)例如 2048 × 2732约 3:41536 × 2048
平板 / web 主图(横屏)16:9 或 16:101536 × 1024(3:2)到 2048 × 1152
web 超宽主图21:9Midjourney v7 最高可到 4:1

安卓屏尺寸各厂差异极大,所以做中心安全构图再裁切,别死磕某一个固定分辨率。苹果端则比原生略大生、再缩小,边缘更锐。

具体步骤

  1. 先定角色。 满屏启动、设置背景、引导场景、空状态。复杂度容忍不同——启动可以丰富一点,设置应该几乎消失。

  2. 设置 / 工具页背景——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
  1. 启动屏——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
  1. 引导页——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
  1. 空状态——prompt 要友好极简:
minimalist line illustration, single subject (e.g. plant,
character, abstract shape), friendly and calm tone,
lots of white space, no surrounding details
  1. 一开始就按目标比例生成。 Midjourney v7 里加 --ar 9:20 出手机满屏(--ar 不能写小数,所以用整数比例)。GPT Image 2 里请求竖图尺寸,比如 1024 × 1536;它的合法范围要求两条边都是 16 的倍数、长短边比例不超过 3:1。别先生方图再裁——会丢焦点位置。

  2. 把结果放在真 UI 截图后面。 任何元素跟按钮或文字抢眼,就加更强的负空间措辞重生。然后切到另一个色彩模式再测一遍。

哪种背景用哪个模型(2026 年 6 月)

模型擅长比例控制备注
Midjourney v7氛围、渐变、情绪--ar 最高 4:1默认审美最强;v7 的 GPU 耗时约为 v6 的 2 倍
GPT Image 2(ChatGPT)听指令构图、给文字留位的布局竖 / 横图最高到 3840px文字渲染强;不输出透明 PNG,需要的话后期抠图
Google Imagen 4写实、复杂多主体场景通过 AI Studio / Vertex AI 用标准比例文字渲染一流;2026 年 4 月那版升到顶级
FLUX 2非常具体的微调风格、开源权重流程比例支持广想本地跑或微调时最合适;注意所用变体的授权

按品牌的默认风格挑。多数 App 背景——柔和渐变加安静纹理——Midjourney v7 或 Imagen 4 用最少的 prompt 就最接近。背景必须给某块文字区留位时,GPT Image 2 听这条指令最稳。

完成后检查

上线前五条都过一遍:

  • 焦点绝不在你 UI 文字 / 按钮位置。叠真 UI 上去;冲突了,背景输。
  • 比例匹配目标设备。把 16:9 拉成 9:19.5 手机屏,看着就是坏的。
  • 你产品双模式都支持,就亮、暗模式都测过。
  • 兴趣度低到看屏幕半秒后就能忽略。用户看背景比看内容多,就重生。
  • 存进背景库文档:图路径、prompt、模型、目标屏、亮 / 暗变体。20 条之后你会有一套可复用的个人风格。

实战示例:冥想 App 引导页

目标:一张冥想 App(情绪偏平静)的引导页,9:20 手机屏,亮暗两版都上。

  1. 给 Midjourney v7 写 prompt:soft watercolor, single figure sitting cross-legged on a hilltop, soft pastel sunset, generous empty space top and bottom, no surrounding details --ar 9:20
  2. 生 8 张。挑上下负空间最多的那张——不是”最有意思”那张。
  3. 放在真引导 UI 亮模式后面。眯眼看。按钮陷进画面里就说明背景太忙。
  4. 同一会话里要暗模式版:now regenerate in a dark variant: same composition, deeper blues, lower brightness
  5. 确认两个模式标题和 CTA 都读得清,再按上表尺寸导出。两版都上。

容易踩的坑

  • 到处都是焦点。 UI 抢不过复杂场景。剥到一个焦点或零焦点。
  • 一开始比例就错。 把方图裁成竖图会丢焦点位置——在 prompt 里把比例定好。
  • 文字区域对比度高。 文字读不出;用最差情况的叠加测。
  • 所有屏一张背景。 引导、设置、空状态任务不同,需要不同形状。
  • 只在亮模式生成。 暗模式翻转对比计算——要测,或成对生成。
  • 跳过”在真 UI 后面”测。 背景孤立看永远比上线后好看。

进阶技巧

  • 亮 + 暗模式一次成对生成,构图保持一致,只动亮度 / 色相。
  • Prompt 故意收敛。subtle 在背景上比 stunning 好用得多。
  • 动态背景:先出静图,再用 image-to-video 工具(Runway、Pika、Kling)加微动。绝不要从动开始。
  • 数据密集屏(dashboard、列表)用近平的单色背景;情绪只给启动和引导。
  • 想让多屏背景一致,把一张通过的背景当参考图喂进去——多数模型接受图片 prompt——再生兄弟图。

FAQ

  • 付费 App 能用 AI 背景吗?: 你工具的商业条款允许就行。截至 2026 年 6 月,Midjourney 每个付费档(Basic 10 美元、Standard 30 美元、Pro 60 美元、Mega 120 美元)都给商用权,但公司年收入超过 100 万美元必须用 Pro 或 Mega。免费试用不给商用权。务必以你自己 plan 为准。
  • iOS 和安卓该按多大生成?: iPhone 16 Pro Max 原生 1320 × 2868 px(约 9:19.5),略大生再缩小。安卓各厂不同,做中心安全构图再裁。常见目标见上面的尺寸表。
  • App 背景用哪个模型最好?: 氛围和渐变用 Midjourney v7,必须给文字留位的布局用 GPT Image 2,写实场景用 Imagen 4,微调或本地流程用 FLUX 2。试两个,留默认风格离你品牌最近的。
  • 怎么让多屏背景一致?: 用参考图。喂一张通过的背景当图片 prompt 生兄弟图,再把赢的 prompt 存成模板,下次只换情绪和颜色。
  • 这些模型能出透明背景吗?: 截至 2026 年 6 月,GPT Image 2 不输出透明 PNG——在纯色底上生成再后期抠掉,或换一个直接支持 alpha 输出的模型 / 工具。

相关阅读

外部参考:Midjourney 比例参数文档iPhone 16 Pro Max 技术规格(查准确设备像素)。

标签: #教程 #图像生成 #App 背景