启动画面指南：iOS 与 Android 启动图设计

简短回答： 启动画面是应用加载时短暂显示的品牌化屏幕。在 iOS 上，它作为启动屏幕构建，由系统即时显示；在 Android 12+ 上，系统会根据应用图标和主题自动生成。只需围绕品牌核心颜色和标志设计一次，保持简洁，切勿用它来伪造加载时间。

启动画面与启动屏幕

这两个术语常被互换使用，但各平台有所不同：

• iOS — 启动屏幕： 一个轻量级、由系统渲染的占位符（包含标志和背景的 storyboard），在应用启动瞬间显示。Apple 的指导原则是让它与应用的第一个屏幕相似，使启动感觉无缝，并且不要将其用作品牌启动画面，也不要添加看起来像加载界面的文字。
• Android — 启动画面（API 31+）： 自 Android 12 起，系统会根据应用图标和 windowSplashScreenBackground 颜色自动绘制启动画面。你可以在主题中自定义它；支持动画和品牌图标，官方的 Splash Screen API 文档 是图标安全区域测量的权威来源。

在较旧的 Android 版本（以及跨平台框架）中，经典方法是使用全屏 drawable 或专用视图——这也是大多数团队仍然需要设计资源的地方。

启动画面生成器的用途

启动画面生成器或模板工具可以加速重复性工作：从一份设计生成适用于所有密度和方向的正确尺寸的“标志+背景”资源。无需手动导出数十个几乎相同的 PNG，你可以：

1. 设计主视觉图（标志 + 背景色，不要包含可能看起来像加载界面的文字）。
2. 让工具导出所需的尺寸集。
3. 将资源接入你的启动 storyboard（iOS）或启动主题（Android）。

你可以在基于画布的设计编辑器中完成第 1 步和第 2 步。我们的 截图编辑器 从同一品牌套件处理商店端资源（截图、1024×500 Google Play 特色图片、应用商店图片）——保持启动画面的背景和标志与这些资源一致，让启动、商品详情和图标感觉像同一个系统。

通用最佳实践

• 保持极简： 标志、背景，仅此而已。不要标语、版本号，也不要假装加载的旋转图标。
• 匹配第一个屏幕： 启动画面越接近应用的初始界面，感知到的启动时间就越短。
• 尊重安全区域： 避免将标志推入刘海或手势内边距区域。
• 限制时间： 如果应用已就绪，立即关闭。延迟已就绪应用的启动画面在两个平台上都是反模式。
• 深色模式： 在平台支持的情况下提供深色变体（Android 主题属性；iOS 通过 storyboard 中的特定特征资源）。
• 在真机上测试： 旗舰机与四年前的入门机之间的启动时间差异巨大。

常见错误

1. 将启动画面用作广告。 营销文案应放在商店截图中，而不是启动路径中。
2. 在现代 Android 上硬编码全屏图片——你会与系统启动画面冲突，并在不同 OEM 上出现不一致的行为。
3. 忘记平板和横屏： 仅竖屏的资源在 iPad 和 Android 平板上会被拉伸或出现黑边。
4. 为每种密度手动重建资源，而不是从一份主文件生成完整集合。

发布前检查清单

• 主视觉图：仅标志 + 品牌背景
• 在支持的情况下提供浅色和深色变体
• iOS 启动 storyboard 集（系统渲染，无代码延迟）
• 配置 Android 12+ 主题（图标 + 背景色）
• 为所有密度生成旧版 Android 资源
• 至少在小型手机、平板和深色模式设备上验证

保持启动图与应用第一个屏幕一致，并在你支持的平台上测试行为。商店截图是另一项任务：使用 截图工作流 和 要求指南 处理商品详情资源。

常见问题

一张启动画面图片能适配所有设备吗？

不一定。遵循你的平台或框架的启动配置，并测试不同的方向、设备尺寸和外观模式。

截图编辑器能配置应用的启动屏幕吗？

不能。编辑器准备视觉资源；配置系统启动行为属于你的应用项目。

我应该在哪里验证原生实现？

使用 Apple 启动屏幕指南 和链接的 Android 启动画面文档。检查你的应用最低操作系统版本支持的 API。