4 фотореалистичные 3D-рамки устройств с пропорциями корпуса по реальным мм-размерам.

Почему 4, а не 20

App Store Connect требует всего два размера скриншотов для современных публикаций: 6.9" iPhone (1320 × 2868) и 13" iPad (2064 × 2752), а Apple автоматически масштабирует их для всех меньших классов. Play хочет один размер для телефона и один для планшета. Поэтому мы предлагаем 4 рамки, которые полностью покрывают оба стора: iPhone 16 Pro Max, iPad Pro 13", Galaxy S25 Ultra и Galaxy Tab S9 Ultra — самые крупные модели каждого класса. Большинство генераторов предлагают 20+ рамок, потому что это выглядит внушительнее в списке функций; меньшее количество точных рамок означает меньше пограничных случаев «эти пропорции чуть не совпадают» и ничего лишнего.

Почему «реалистичность» важна

Скриншоты App Store редко просматривают в полном размере — большинство пользователей пролистывают их как миниатюры шириной 200 пикселей. Рамка с чуть неправильными пропорциями на такой миниатюре сразу читается как «дешёвый стоковый шаблон». Пропорции корпуса рассчитаны по реальным размерам устройства в миллиметрах (iPhone 16 Pro Max — 163,0 × 77,6 мм → 2,101), а рамки сделаны примерно на 5% толще физической модели, чтобы устройство выглядело как устройство даже в миниатюре.

Что можно выбрать

iPhone: 16 Pro Max (6.9").
iPad: Pro 13" (M4).
Android: Galaxy S25 Ultra (телефон), Galaxy Tab S9 Ultra (планшет).

Авто против фиксации

Каждый слой устройства можно переключить в режим Авто (следует за выбранным размером экспорта — смени iPhone 6.9" на 6.5", и Авто-устройства перестроятся) или зафиксировать на конкретной рамке. Авто — режим по умолчанию; фиксируй, когда панели нужна конкретная модель для правильного восприятия дизайна (например, показ функции только для iPad рядом с панелями iPhone).

Наклон и глубина

Каждое устройство — это фотореалистичная 3D-модель (формат GLB), которая рендерится прямо в браузере через WebGL. Наклоняй по осям X и Y; освещение, отражения и тени реагируют в реальном времени. В отличие от SVG-перспективных трюков, ты вращаешь настоящую полигональную сетку — результат такой же, как у профессионального 3D-рендера, и появляется мгновенно в браузере без отдельного шага экспорта.

Когда появятся новые устройства

Mokbi добавляет устройства, когда Apple или Google выпускает новый класс, который реально меняет размеры скриншотов (например, новый размер iPad Pro). Новые устройства ради роста списка функций не добавляются — это увеличивает затраты на поддержку без реального влияния на то, что ты можешь публиковать в сторах.

Генераторы мокапов для каждого устройства

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

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