App 启动屏 Prompt:1-3 秒第一印象

可直接套用的 App 启动屏 AI Prompt,1-3 秒交付强品牌印象,附 iOS/Android 尺寸规范与生成器的比例坑。

启动屏只在屏幕上停留 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+ SplashScreen API)
  • 第一秒就是营销面的品牌优先发布
  • 与 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 @3x2868x1320 px(iPhone 17 Pro Max)按 956x440 pt 设计,导出 @1x/@2x/@3x
Android 12+ 图标矢量 drawable288 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

怎么继续打磨

  1. 在你选的工具里按 --ar 1:2 出四个变体。需要居中标记或图内文字清晰时,ChatGPT 的图像模型更稳;渐变和质感则 Midjourney 更强。
  2. 按上表的设备像素尺寸裁切或外扩,裁切过程中保持 logo 区域居中。
  3. 把真实 logo 放到中央留空区,在实际尺寸下检查呼吸感,而不是看预览图。
  4. 在弱光下测试亮度。多数人在昏暗的房间打开 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 背景