任务场景
你需要 App 背景图——splash、登录、空状态、设置页 header。要求是:贴合你的品牌、给 UI 元素(logo、按钮、输入框)留出明显负空间、不和前景内容打架。素材库太通用。AI 图像模型可以胜任,前提是 Prompt 写得够精确。
哪些情况适合让 AI 来做
- 需要 3-5 张背景做 A/B。
- 想让全 App 有一套统一视觉。
- 预算或时间不允许每张背景都请设计师。
- 你愿意迭代——第一次出图很少能直接用。
什么时候不要完全依赖 AI
- 商店截图主图——这种需要人工精修。
- 品牌核心插画(吉祥物、key art)。请插画师。
- 必须严格对齐品牌色规范的场景;AI 接近但不绝对准。
需要先给 AI 的信息
- App 氛围:平静、活力、极简、俏皮、专业。
- 配色(hex 或命名):“#0B1220 深蓝 + #FFD66B 金”。
- 主体偏好:抽象形状、渐变、柔软纹理、几何图案、自然元素。
- 比例:现代手机 9:19.5、备选 9:16、横屏 landing 16:9。
- 负空间规则:UI 在哪里——居中 / 右上 / …
- 风格参考:要命名(“low-poly”、“riso”、“soft 3D blob”、“Apple Aurora”)。
可直接复制的 Prompt
生成一张 App 背景图。
App 氛围:{vibe}
配色:{hex + 描述}
主体:{抽象 / 渐变 / 几何 / ...}——不要人物、不要文字、不要 logo。
比例:{9:19.5 / 9:16 / 16:9}
风格参考:{命名风格}
构图规则:
- 在 {居中 / 顶部 / 底部 / 右侧} 留出充足负空间给 UI。
- 明暗对比控制在 {低 / 中},保证前景文字可读。
- 焦点柔和、不抢戏。
- 不要颗粒、不要文字伪影、不要人脸。
输出:4 个变体,焦点位置和纹理密度各不同。
建议让 AI 输出成什么样
每次出 4 张:焦点分别放在左 / 右 / 上 / 下,纹理密度各异。选之前先在 Figma 把真实 UI 叠上去看。Prompt 留好——只换配色和焦点位置就能复用。
怎么判断 AI 的结果能不能用
- 叠上你真实的 UI:每个区域的按钮和文字都还能看清吗?
- 眯眼看。能读清文字就是对比合适。
- 缩到缩略图大小检查。满屏好看的背景在 icon 尺寸下常常很乱。
容易踩的坑
- 太满。背景就是背景,抢注意力就输了。
- 文字伪影。AI 经常幻觉出字母,看到就拒。
- 比例错。生成 1:1 然后硬拉伸——丑。
- 主体压在登录表单要落位的区域。
下一步怎么改得更好
把出最满意背景的那条 Prompt 存成”house style”。新页面只改配色和焦点位置。10 张图之后你就有了一套保持视觉一致的可复用系统。
实操加深
做「AI App 背景图 Prompt:splash、登录、空状态都能用的干净背景」这类任务时,AI 输出质量主要取决于输入包是否完整。至少给它受众、原始材料、目标格式、你要做的决策,以及一好一坏两个参考。第一轮先要求保留事实,第二轮再优化结构、语气或表达,不要让模型一边猜事实一边润色。
拿到结果后单独做一次复核:有没有遗漏限制、编造细节、行动项不清、语气和真实场景不符。最终稿最好能马上使用,包含明确对象、下一步和判断标准,而不是还需要别人重新解释一遍。
FAQ
- AI 出的背景能商用吗?看模型 license——上线前查清。
- 出图分辨率多少?至少目标屏 2 倍,然后再下采样。
- 在 Prompt 里画 logo?别——logo 单独合成才保证清晰。