Для React Native разработчиков

App Store и Play Store — один дизайн.

Коротко. React Native приложения выходят в оба магазина. Screenshotify экспортирует матрицы необходимых размеров для обоих из одного дизайна. Никаких двух параллельных рабочих процессов в двух дизайн-инструментах.

React Native приложения по умолчанию живут в двух экосистемах магазинов. История со скриншотами обычно включает либо UI-тесты на базе Detox для сырых захватов симулятора, либо ручной дизайн в Figma с открытым рядом пресетом для iPhone и пресетом для Android. Screenshotify — для момента, когда нужны спроектированные маркетинговые скриншоты, а не сырые захваты, и сразу для обоих магазинов.

Типичный день скриншотов для RN

Захвати исходные кадры из работающего приложения — Cmd+S в iOS Simulator, кнопка скриншота в Android Emulator или скриншоты с реального устройства через встроенное WebRTC-сопряжение.
Открой Screenshotify, создай карусель из 3–5 панелей. Каждая панель может использовать разную рамку устройства — можно сделать одну карусель, визуально совмещающую iPhone и Pixel.
Добавь подписи на исходном языке. Мультипанельный композитор сохраняет единую структуру заголовков по всем панелям.
Локализуй. Одним кликом переведи на все 39 локалей App Store. Проверь локали, в которых находятся твои активные рынки (обычно EN, JP, DE, BR, KR, ES для глобальных RN-приложений).
Экспортируй. Один ZIP с включёнными размерами для App Store (6.9", iPad 13" и т.д.) и размером для Play Store (по умолчанию 1080 × 1920).

Альтернативы в экосистеме RN

Detox или react-native-testing-library с хелперами для скриншотов дадут сырые захваты кадров из UI-тестов. Полезно для исходных скриншотов; не заменяет шаг маркетинговой компоновки. Fastlane snapshot работает на iOS-стороне RN-приложения (проект Xcode настоящий).

Большинство RN-команд приходит к такой связке: захват из симулятора/устройства, дизайн карусели в Screenshotify, версионирование JSON-проекта в том же репозитории, что и кодовая база.

Советы по кросс-платформенному дизайну

Выбери одну дизайн-систему для проекта и применяй её к скриншотам и для iOS, и для Android — не меняй шрифты или цветовые схемы между магазинами.
Строки состояния отличаются. iOS по конвенции показывает 9:41; Android — реальное время. Screenshotify переключает строку состояния iOS для каждого устройства; Android оставляет строку состояния ОС из скриншота нативно.
Нижняя навигация и таб-бар. Не обрезай их — это та часть приложения, которую большинство пользователей замечают в миниатюре карусели.
iPhone 5.5" устарел. Если RN-приложение не поддерживает iOS 13 (минимум iPhone 6s Plus), пропусти размер 5.5" полностью.

Материалы: Возможности · Руководства · Цены

Открыть редактор →