启动屏只在屏幕上停留 1-3 秒。这段时间够长,足以建立品牌印象;又够短,任何视觉噪点都会变成用户的第一份挫败。下面这些 Prompt 在中央留出一块干净的矩形给 logo,把柔和渐变或动势感图案推到四周,让整体读起来像一次打磨过的发布,而不是通用的 loading 页。
有一个坑会先绊倒很多人:AI 图像工具没法一次性渲染出真正的手机启动屏比例。现代 iPhone 屏幕大约是 9:19.5(iPhone 17 Pro Max 为 2868x1320 像素),而 Midjourney v7/v8 只接受 1:2 到 2:1 之间的比例(--ar 1:2 已经是它能给的最瘦比例)。所以正确做法是先按最接近的合法比例生成,再裁切或外扩到设备的实际尺寸。下面把这一步当成正式步骤,而不是事后补救。
这套 Prompt 适合用在哪
- 手机 / 平板的启动屏(iOS
LaunchScreen.storyboard、Android 12+SplashScreenAPI) - 第一秒就是营销面的品牌优先发布
- 与 in-app splash 对应的营销落地页头图
- 替换 Xcode / Android Studio 默认 splash 占位
TL;DR
- 视觉保持平静、logo 中央区留空;背景用 AI 生成,字标用代码叠加。
- 生成器最瘦只到
--ar 1:2;先就近生成,再裁切或外扩到真实设备像素尺寸。 - iOS 启动屏完全静态(不能动画、文字不会本地化)。Android 12+ 动的是图标,不是自定义背景图。
- 至少出两个比例(手机和平板),并在弱光下测试亮度,那才是真正的启动环境。
品牌主色
app splash screen visual, brand color [hex] gradient, soft geometric pattern,
center area reserved for logo, modern minimal style, flat, no text --ar 1:2
动势感 Splash
app splash screen, dynamic abstract waves in brand palette, subtle motion feel,
center reserved for logo, no text --ar 1:2
深色模式变体
app splash screen, deep navy gradient with soft brand color highlights,
low brightness, center area reserved for logo, calm minimal style, no text --ar 1:2
套用前先准备好这些变量
- 品牌色:一个 hex 值或两段式渐变。把
[hex]换成你的实际色值(例如#2563eb)。 - 图案密度:低(只有渐变)/ 中(柔和形状)/ 高(波纹)。默认用低;细节在缩略图尺寸里会消失。
- 中央留空:中间留出 40-50% 的方形不加纹理,给 logo 留呼吸空间。
- 目标比例:先用
--ar 1:2生成,再裁切到设备。手机接近 9:19.5,老机型 9:16,平板 3:4。
决定导出尺寸的设备规范
你要导出的不是一张图。iOS 和 Android 对启动屏的处理方式不同,尺寸也很具体(截至 2026 年 6 月):
| 目标 | 格式 | 关键尺寸 | 说明 |
|---|---|---|---|
| iOS 启动屏 | Storyboard,不是图片 | 自动布局 | 上架 App Store 必须用 storyboard;完全静态,不跑代码 |
| iOS 背景资源 | PNG @3x | 2868x1320 px(iPhone 17 Pro Max) | 按 956x440 pt 设计,导出 @1x/@2x/@3x |
| Android 12+ 图标 | 矢量 drawable | 288 dp 画布,内侧 2/3 可见 | 中央图标约占 288 dp 窗口里的 192 dp |
| Android 12+ 品牌图 | PNG/矢量 | 200x80 dp | 可选的底部 logo 条 |
| 平板 | PNG | 单独出 3:4 | 手机图放到平板上留白会很难看 |
一个直白的结论:iOS 上你通常根本不需要交付一张全屏生成图。Apple 的启动屏是静态 storyboard,应该和 app 第一屏几乎一致,所以 AI 背景最有用的是品牌色和居中标记,而不是铺满边缘的插画。(参见 Apple 的 Launching 指南。)
什么时候用这套 Prompt
当你要把 icon 和 splash 当作同一个品牌面一起发布时用。完整营销页或 onboarding 背景,请用 App onboarding 背景 Prompt 或更广义的 App 背景图 Prompt。
怎么继续打磨
- 在你选的工具里按
--ar 1:2出四个变体。需要居中标记或图内文字清晰时,ChatGPT 的图像模型更稳;渐变和质感则 Midjourney 更强。 - 按上表的设备像素尺寸裁切或外扩,裁切过程中保持 logo 区域居中。
- 把真实 logo 放到中央留空区,在实际尺寸下检查呼吸感,而不是看预览图。
- 在弱光下测试亮度。多数人在昏暗的房间打开 app,高饱和的 splash 会像闪光。如果刺眼,把饱和度往下压 10-20%。
完整的导出尺寸与深色模式变体,请看 AI App 背景图 教程。
容易踩的坑
- 没有为 logo 留空,插画和品牌标抢戏。
- 打开时太刺眼;splash 应该是平静的,不是强势的。
- 只出一份比例;手机和平板版本都要出。
- 图案太细,在小尺寸缩略图里变成纹理噪点。
- 高饱和渐变与系统状态栏冲突。
- 给 iOS 启动屏加动画。它在设计上就是静态的;想要动效,就在它之后立刻加载一个会动的真实视图。
FAQ
Splash 要不要包含 app 名? 多数 app 在 runtime 把字标叠加到 splash 上。Prompt 专注背景,字标用代码叠加更稳——尤其在 iOS 上,启动屏里的文字不会本地化。
用 PNG、SVG 还是矢量 PDF? PNG 各端都能跑但体积大。iOS 背景资源优先用 asset catalog 里 @3x 的高分辨率 PNG。Android 12+ 的居中图标必须是矢量 drawable,不能是位图。
Splash 应该停留多久? 越短越好,通常 0.5-1.5 秒。Android 建议启动动画控制在 1,000 ms 以内,起始延迟不超过 166 ms。超过 3 秒,不管视觉做得多好都会被嫌烦。
为什么我的生成器没法直接出 9:20? Midjourney 把比例上限卡在 1:2,多数扩散模型超过这个比例后质量会掉。先按 1:2 生成,再裁切或外扩到真实设备比例,别硬逼极端比例。
能不能做动态 splash? iOS 的启动屏本身是静态的;标准做法是在它之后切换到一个看起来一模一样、但能做动画的视图控制器。Android 12+ 由系统给 app 图标做动画(AnimatedVectorDrawable),不是给自定义背景图。
发布之前
App Store 审核会拒绝带伪功能的 splash,比如静态画面上画 loading bar、伪进度条。Apple 和 Google 对 AI 生成视觉的政策也在更新,提交前请核对最新的 App Store 审核指南 和 Android splash 文档。详见 免责声明。
相关
- App onboarding 背景 Prompt:与 splash 同体系的 onboarding 背景
- App 背景图 Prompt:更广义的 app 面背景库
- AI App 背景图:完整导出尺寸与深色模式教程
- AI 图像比例指南:app 各面所需的比例
标签: #App 背景