
Как создать скриншоты для App Store: рабочий процесс
Создавайте скриншоты для App Store и Google Play из реальных снимков приложения. Планируйте историю, проверяйте спецификации, локализуйте и проверяйте файлы.
Чтобы создать скриншоты для App Store, начните с реального снимка сборки, которую вы будете отправлять, выберите допустимый размер устройства и добавьте только те пояснения, которые нужны для ясности задачи. Проверьте готовый экспорт в магазине назначения перед публикацией.
Этот процесс охватывает графику для iOS и Google Play. Проверки политик и технических требований конкретного магазина предшествуют оформлению: привлекательное изображение всё равно может показывать не ту платформу, не соответствовать допустимому размеру или описывать недоступную функцию.
1. Составьте небольшой раскадровочный план скриншотов
Перечислите задачи, которые должен понять новый пользователь. Дайте первому изображению чёткую цель, например организацию расписания или отслеживание доставки. Для последующих изображений задайте другую вспомогательную задачу вместо повторения той же главной страницы с новой подписью.
Напишите короткую подпись для каждого запланированного изображения до открытия редактора. Рассматривайте пять изображений как рабочий раскадровочный план, а не как требование магазина. Справочник по размерам скриншотов объясняет количество и размеры для каждого магазина.
Используйте утверждения, которые можете подтвердить. Видимую функцию продемонстрировать проще, чем утверждение, что приложение самое быстрое или самое популярное. Не добавляйте выдуманные рейтинги, отзывы клиентов или показатели производительности.
2. Сделайте снимок отправляемого опыта приложения
Используйте демонстрационный аккаунт с реалистичным, неличным содержимым. Убедитесь, что скриншот показывает правильную версию приложения, платформу устройства, язык и состояние функции. Скрыйте идентификаторы аккаунта, сообщения и платёжную информацию, которые не должны публиковаться.
Выберите состояние в приложении, которое объясняет задачу без длинной подписи. Если интерфейс существенно различается на телефоне и планшете, сделайте снимки для обоих, а не растягивайте скриншот телефона в макет планшета.
3. Проверьте текущие допустимые размеры
Откройте официальную спецификацию для целевого магазина, затем выберите соответствующий холст. Для Apple обязательные группы устройств зависят от поддерживаемых устройств и условий масштабирования. Google Play использует другие правила для общих скриншотов и некоторых поверхностей с большими экранами.
Сохраняйте исходный дизайн в достаточном разрешении. Проверьте итоговые экспортированные пиксели, ориентацию, формат и прозрачность перед загрузкой. Не предполагайте, что название пресета в редакторе доказывает соответствие вывода спецификации магазина.
4. Постройте макет вокруг экрана приложения
Используйте шаблоны iOS или шаблоны Android в качестве отправной точки. Сохраняйте реальный опыт приложения читаемым при небольшом размере предпросмотра. Рамка устройства может дать контекст для презентационной графики, но не позволяйте ей скрывать рабочий процесс.
Для Google Play следуйте политике в отношении ресурсов предпросмотра, которая требует, чтобы скриншоты показывали опыт приложения. Проверьте политику перед добавлением рекламного текста, рейтингов или дополнительного визуального оформления.
Используйте единообразную типографику и отступы во всём наборе. Вы можете варьировать кадрирование, чтобы объяснить разные функции, не меняя всю визуальную систему на каждом слайде. Руководство с примерами скриншотов сравнивает практические варианты макета.
5. Отредактируйте и локализуйте графику
Откройте редактор скриншотов, добавьте снимок и настройте текст, фон и расположение. Проверьте доступ к шаблонам и любые платные возможности на странице цен, прежде чем полагаться на них для релиза.
Переводите смысл, а не копируйте одинаковое количество слов во всех языках. Проверьте подписи на готовой графике на переносы, покрытие шрифта и направление письма. Используйте чек-лист локализации для глобального релиза, чтобы согласовать язык приложения, метаданные и изображения.
6. Экспортируйте и проверьте предпросмотр в магазине назначения
Проверьте каждый экспортированный файл и загрузите его в нужный язык магазина и группу устройств. Перепроверьте порядок и читаемость в предпросмотре консоли. Держите скриншоты отдельно от видео предпросмотра и ресурсов заголовка, у которых свои спецификации.
Если App Store Connect просит сначала сохранить новые локали, следуйте руководству по сохранённым локалям. Ошибка загрузки не является доказательством того, что дизайн неправильный, пока вы не определите, какая проверка валидации не прошла.
7. Оцените конкретное изменение
Если ваше приложение имеет право, используйте оптимизацию страницы продукта Apple или эксперименты со страницей Google Play. Определите различие, которое хотите оценить, и сохраните базовый уровень.
Не обещайте рост конверсии только из-за выбора стиля. Проверьте отчётные результаты магазина и отличайте доказательства эксперимента от других изменений в вашем релизе или трафике привлечения.
Часто задаваемые вопросы
Нужна ли всем скриншотам рамка телефона?
Нет. Выберите представление, которое делает реальный опыт приложения понятным и соответствует рекомендациям магазина назначения. Крупный план может быть легче для чтения, чем полный экран внутри небольшой декоративной рамки устройства.
Можно ли использовать одно изображение в обоих магазинах?
Общая история и исходный макет могут сэкономить работу. Проверьте технические требования и требования к содержимому каждого магазина и убедитесь, что изображение соответствует платформе приложения.
Что следует проверить перед публикацией?
Проверьте реальный файл, язык назначения, группу устройств, порядок и предпросмотр в консоли. Принятие файла и одобрение проверки магазина — это отдельные этапы.
Начните с одного полного набора
Создайте согласованный набор, прежде чем добавлять больше вариаций. Используйте генератор скриншотов для App Store или генератор скриншотов для Google Play, затем проверьте экспортированные файлы на соответствие текущим правилам магазина.
Автор
Создатель AppScreenshots. Создаёт инструменты для дизайна скриншотов и подготовки релизов приложений.
Категории
Ещё записи

Примеры скриншотов приложений: макеты для разных типов
Примеры макетов скриншотов для приложений продуктивности, обучения и лайфстайла: подписи, обрезка и проверка локализации.

Размеры скриншотов App Store и видео App Preview
Проверьте размеры скриншотов для App Store, Google Play и Chrome Web Store, а также параметры видео App Preview: форматы, длительность и количество.

Чек-лист локализации App Store для глобального релиза
Чек-лист локализации App Store: проверьте метаданные, скриншоты, языки и готовность к загрузке перед глобальным релизом.
Рассылка
Будьте в курсе
Получайте последние советы по дизайну приложений и тренды иконок прямо на вашу почту.