Начало работы.
1. Открой редактор
Регистрация не нужна. Кнопка есть в шапке на каждой странице, или перейди напрямую по адресу /app. Откроется одна пустая панель с одной рамкой устройства.
2. Добавь скриншот
Три способа добавить скриншот в редактор:
- Перетащи PNG с рабочего стола прямо на рамку устройства. Изображение заполнит экран устройства.
- Сопряги телефон по QR-коду — нажми «Connect phone» в шапке, отсканируй QR, выбери фото на телефоне. Скриншоты передаются через WebRTC (браузер-к-браузеру, на серверы Mokbi ничего не загружается).
- Загрузи через панель свойств устройства — выдели устройство, нажми «Upload screenshot» на вкладке свойств.
3. Добавь подпись
Нажми кнопку «Text» в панели добавления слева. Новый текстовый слой появится на холсте — перетащи его куда нужно и редактируй через панель свойств справа.
Для карусели App Store подписи лучше всего смотрятся в верхней четверти панели. Типичные рекомендации по безопасным зонам разобраны в руководстве по соотношениям сторон.
4. Добавь панели
Нажми кнопку «+» между панелями или под каруселью, чтобы добавить новую панель. У каждой панели собственная редактируемая поверхность, но фоновый градиент перетекает через все панели, если не переопределить его на уровне конкретной панели. Для «сквозных» элементов (например, волна, идущая через все панели) включи опцию «Span over all panels» на нужном слое.
5. Экспорт
Дизайн и предпросмотр бесплатны; тариф открывает экспорт в полном разрешении и публикацию в магазины. Нажми «Export» в шапке → выбери нужные размеры (6.9" iPhone, iPad 13" и т.д.) → выбери локали, если ты включил мультиязычность → нажми «Download ZIP». Solo стоит €29.99/месяц и подходит для одного приложения; Studio стоит €49.99/месяц и охватывает до пяти приложений одновременно. Оба тарифа дают неограниченный экспорт на всех 50 языках и для любого устройства. Подробнее на странице цен.
Что дальше
- Если хочешь подготовить полноценную заявку для App Store: Многопанельные карусели.
- Если скриншоты застряли на телефоне: Устранение проблем с сопряжением телефона.
- Если публикуешь на нескольких языках: Перевод скриншотов.