啟動畫面指南：iOS 與 Android 啟動圖稿

簡短回答： 啟動畫面是應用程式載入時短暫顯示的品牌畫面。在 iOS 上，你要建立一個由系統即時顯示的啟動畫面；在 Android 12+ 上，系統會根據你的應用程式圖示和主題自動產生。以品牌核心色彩和標誌設計一次，保持簡短，切勿用它來假裝載入時間。

啟動畫面 vs 啟動畫面

這兩個術語常被互換使用，但各平台有所不同：

• iOS — 啟動畫面： 一個輕量、由系統渲染的預留位置（包含你的標誌和背景的 storyboard），在應用程式啟動的瞬間顯示。Apple 的指引是讓它類似應用程式的第一個畫面，使啟動感覺無縫，並且不要將它用作品牌啟動畫面或加入看起來像載入 UI 的文字。
• Android — 啟動畫面（API 31+）： 自 Android 12 起，系統會根據你的應用程式圖示和 windowSplashScreenBackground 顏色自動繪製啟動畫面。你在主題中自訂它；支援動畫和品牌圖示，而官方的 啟動畫面 API 文件 是圖示安全區域測量的權威來源。

在較舊的 Android 版本（以及跨平台框架中），經典做法是使用全螢幕 drawable 或專用檢視 — 這也是大多數團隊仍需要設計資產的地方。

啟動畫面產生器的用途

啟動畫面產生器或範本工具可加速重複的部分：從一個設計產生每個密度和方向所需的正確尺寸標誌加背景資產。你不必手動匯出數十個幾乎相同的 PNG，而是：

1. 設計主圖稿（標誌 + 背景顏色，不要有看起來像載入 UI 的文字）。
2. 讓工具匯出所需的尺寸集。
3. 將資產連接至你的啟動 storyboard（iOS）或啟動主題（Android）。

你可以在基於畫布的設計編輯器中完成步驟 1 和 2。我們的 螢幕截圖編輯器 從同一品牌套件處理商店端資產（螢幕截圖、1024×500 Google Play 精選圖形、應用程式商店圖片）— 保持啟動畫面的背景和標誌與這些資產完全相同，讓啟動、商店列表和圖示感覺像一個系統。

適用於所有地方的最佳做法

• 保持極簡： 標誌、背景，別無其他。不要標語、不要版本號、不要假裝載入的轉圈。
• 符合第一個畫面： 啟動畫面越接近應用程式的初始 UI，感知的啟動時間就越短。
• 尊重安全區域： 避免將標誌推入瀏海或手勢內縮區域。
• 限制時間： 如果應用程式已就緒，立即關閉。延遲已就緒應用程式的啟動畫面在兩個平台上都是反模式。
• 深色模式： 在平台支援的地方提供深色變體（Android 主題屬性；iOS 透過 storyboard 中的特徵特定資產）。
• 在真實裝置上測試： 旗艦機和四年前的平價手機之間的啟動時間差異極大。

常見錯誤

1. 將啟動畫面當作廣告。 行銷文案屬於你的商店螢幕截圖，而不是啟動路徑。
2. 在現代 Android 上硬編碼全螢幕圖片 — 你會與系統啟動畫面衝突，並在不同 OEM 之間得到不一致的行為。
3. 忘記平板和橫向： 僅直向的資產會在 iPad 和 Android 平板上拉伸或加黑邊。
4. 為每個密度手動重建資產，而不是從一個主檔案產生完整集合。

發佈前檢查清單

• 主圖稿：僅標誌 + 品牌背景
• 支援處的淺色和深色變體
• iOS 啟動 storyboard 集（系統渲染，無程式碼延遲）
• Android 12+ 主題已設定（圖示 + 背景顏色）
• 為所有密度產生舊版 Android 資產
• 已在至少一部小手機、一部平板和一部深色模式裝置上驗證

保持啟動圖稿與第一個應用程式畫面一致，並在你支援的平台上測試行為。商店螢幕截圖是另一項任務：使用 螢幕截圖工作流程 和 需求指南 處理商店列表資產。

常見問題

一張啟動畫面圖片能適用於所有裝置嗎？

不一定。遵循你的平台或框架的啟動設定，並測試不同的方向、裝置尺寸和外觀模式。

螢幕截圖編輯器可以設定我應用程式的啟動畫面嗎？

不可以。編輯器準備視覺圖稿；設定系統啟動行為屬於你的應用程式專案。

我應該在哪裡驗證原生實作？

使用 Apple 啟動畫面指引 和連結的 Android 啟動畫面文件。檢查你的應用程式最低 OS 版本所支援的 API。