Руководство по сплэш-экрану: iOS и Android

Краткий ответ: Сплэш-экран — это кратковременный брендированный экран, отображаемый во время загрузки приложения. В iOS вы создаёте его как экран запуска, который система показывает мгновенно; в Android 12+ система генерирует его из значка приложения и темы. Спроектируйте его один раз, используя основные цвета и логотип бренда, делайте его кратким и никогда не используйте для имитации времени загрузки.

Сплэш-экран против экрана запуска

Эти термины используются взаимозаменяемо, но платформы различаются:

• iOS — экран запуска: лёгкий заполнитель, отрисовываемый системой (раскадровка с вашим логотипом и фоном), отображаемый в момент запуска приложения. Рекомендации Apple — сделать его похожим на первый экран приложения, чтобы запуск казался бесшовным, и не использовать его как брендированный сплэш или добавлять текст, похожий на интерфейс загрузки.
• Android — сплэш-экран (API 31+): начиная с Android 12 система автоматически отрисовывает сплэш из значка приложения и цвета windowSplashScreenBackground. Вы настраиваете его в теме; поддерживаются анимация и брендированный значок, а официальная документация по API сплэш-экрана является источником истины для измерений безопасной зоны значка.

В старых версиях Android (и в кроссплатформенных фреймворках) классический подход — полноэкранный drawable или выделенное представление — именно там большинству команд всё ещё нужен дизайнерский ресурс.

Для чего полезен генератор сплэш-экранов

Генератор сплэш-экранов или инструмент шаблонов ускоряет повторяющуюся часть: создание ресурсов с логотипом на фоне правильного размера для каждой плотности и ориентации из одного дизайна. Вместо ручного экспорта десятков почти идентичных PNG вы:

1. Создаёте мастер-изображение (логотип + цвет фона, без текста, который может выглядеть как интерфейс загрузки).
2. Позволяете инструменту экспортировать необходимый набор размеров.
3. Подключаете ресурсы к раскадровке запуска (iOS) или теме сплэша (Android).

Шаги 1 и 2 можно выполнить в графическом редакторе на основе холста. Наш редактор скриншотов обрабатывает ресурсы для магазина (скриншоты, графическое изображение для Google Play 1024×500, изображения для магазина приложений) из того же бренд-кита — сохраняйте фон и логотип сплэш-экрана идентичными этим ресурсам, чтобы запуск, страница магазина и значок воспринимались как единая система.

Лучшие практики, применимые везде

• Минимализм: логотип, фон, больше ничего. Никаких слоганов, номеров версий, спиннеров, имитирующих загрузку.
• Соответствие первому экрану: чем ближе сплэш к начальному интерфейсу приложения, тем короче воспринимаемый запуск.
• Уважайте безопасную зону: не помещайте логотип в области выреза или жестовых вставок.
• Ограничьте по времени: если приложение готово, немедленно скрывайте. Сплэш, задерживающий готовое приложение, — антипаттерн на обеих платформах.
• Тёмная тема: предусмотрите тёмный вариант там, где платформа его поддерживает (атрибуты темы Android; iOS через ресурсы, зависящие от трейтов, в раскадровке).
• Тестируйте на реальных устройствах: время запуска сильно различается между флагманом и четырёхлетним бюджетным телефоном.

Частые ошибки

1. Использование сплэша как рекламы. Маркетинговый текст должен быть в скриншотах магазина, а не на пути запуска.
2. Жёсткое задание полноэкранного изображения на современном Android — вы боретесь с системным сплэшем и получаете несогласованное поведение у разных OEM.
3. Забываете о планшетах и альбомной ориентации: ресурс только для портретной ориентации растягивается или дополняется чёрными полосами на iPad и Android-планшетах.
4. Ручное создание ресурсов для каждой плотности вместо генерации полного набора из одного мастера.

Контрольный список перед публикацией

• Мастер-изображение: только логотип + фон бренда
• Светлый и тёмный варианты, где поддерживается
• Набор раскадровок запуска iOS (отрисовывается системой, без задержек в коде)
• Настроена тема Android 12+ (значок + цвет фона)
• Сгенерированы ресурсы для старых версий Android для всех плотностей
• Проверено как минимум на одном маленьком телефоне, одном планшете и одном устройстве в тёмном режиме

Держите графику запуска согласованной с первым экраном приложения и тестируйте поведение на поддерживаемых платформах. Скриншоты для магазина — отдельная задача: используйте рабочий процесс создания скриншотов и руководство по требованиям для ресурсов страницы магазина.

Часто задаваемые вопросы

Подходит ли одно изображение сплэш-экрана для всех устройств?

Не обязательно. Следуйте конфигурации запуска вашей платформы или фреймворка и тестируйте разные ориентации, размеры устройств и режимы внешнего вида.

Может ли редактор скриншотов настроить экран запуска моего приложения?

Нет. Редактор подготавливает визуальную графику; настройка системного поведения запуска относится к вашему проекту приложения.

Где следует проверять нативную реализацию?

Используйте руководство Apple по экрану запуска и связанную документацию Android по сплэш-экрану. Проверьте API, поддерживаемые минимальной версией ОС вашего приложения.