启动页（Splash Screen）制作指南：尺寸、工具与最佳实践

简短回答： 启动页（splash screen）是应用加载时短暂显示的品牌画面。iOS 上你要构建的是系统即时显示的 Launch Screen；Android 12+ 上系统会根据应用图标和主题自动生成。用品牌主色和 Logo 设计一次、让它一闪而过，绝不要用它伪装加载时间。

启动页与 Launch Screen 的区别

两个词常被混用，但平台做法不同：

• iOS —— Launch Screen： 一个由系统渲染的轻量占位画面（含 Logo 和背景的 storyboard），在应用启动瞬间显示。Apple 的建议是让它贴近应用的首屏，使启动显得无缝，并且不要把它当作品牌展示板，也不要加看起来像加载 UI 的文字。
• Android —— Splash Screen（API 31+）： 自 Android 12 起，系统会自动根据应用图标和 windowSplashScreenBackground 颜色绘制启动页。你在主题中定制它，支持动画与品牌图标；图标安全区的精确测量以官方 Splash Screen API 文档为准。

在旧版 Android（以及跨平台框架）上，经典做法是全屏 drawable 或专用视图——这正是多数团队仍需要设计素材的地方。

启动页生成器能做什么

启动页生成器或模板工具加速的是重复部分：从一份设计出发，为所有密度和方向生成尺寸正确的「Logo 在背景上」素材。你不需要手工导出几十张几乎相同的 PNG，而是：

1. 设计主素材（Logo + 背景色，不加任何像加载 UI 的文字）。
2. 让工具导出所需的整套尺寸。
3. 把素材接入 Launch Storyboard（iOS）或 Splash 主题（Android）。

第 1、2 步可以在画布式设计编辑器里完成。我们的截图编辑器负责商店侧素材（截图、1024×500 Google Play 宣传图、商店图片）——让启动页的背景与 Logo 与这些素材保持一致，启动、列表和图标才会像一个整体。

通用最佳实践

• 极简： 只有 Logo 和背景，没有别的。不放口号、不放版本号、不放假装在加载的转圈。
• 贴近首屏： 启动页越接近应用初始 UI，感知启动时间越短。
• 尊重安全区： Logo 不要伸进刘海或手势条区域。
• 限时： 应用就绪就立即消失。在应用已就绪时拖延启动页在两个平台上都是反模式。
• 深色模式： 平台支持处提供深色变体（Android 主题属性；iOS storyboard 中按 trait 提供资源）。
• 真机测试： 旗舰机与四年前的千元机启动时间差异巨大。

常见错误

1. 把启动页当广告。 营销文案属于商店截图，不属于启动路径。
2. 在现代 Android 上硬编码全屏图片——你会与系统启动页冲突，各家 OEM 行为也不一致。
3. 忘记平板与横屏： 仅竖屏的素材在 iPad 和 Android 平板上会被拉伸或加黑边。
4. 每次手工重建各密度素材，而不是从一份母版生成整套。

上线前检查清单

• 母版素材：仅 Logo + 品牌背景
• 支持处的浅色与深色变体
• iOS Launch Storyboard 已配置（系统渲染、无代码延迟）
• Android 12+ 主题已配置（图标 + 背景色）
• 旧版 Android 各密度素材已生成
• 至少在小屏手机、平板、深色模式设备各验证一次

启动页是一次两秒的握手——让它安静、合品牌、快速，把省下的精力花在真正带来安装的商店截图上。