Рамка устройства
Визуальная рамка телефона или планшета, рендерящаяся вокруг скриншота, чтобы придать ему контекст реального мира.
Рамка устройства — это визуальное представление корпуса телефона или планшета: бортик, выемка или Dynamic Island, скруглённые углы, боковые кнопки и тень — всё это размещается вокруг скриншота приложения. Рамки служат двум целям. Во-первых, они мгновенно сообщают платформу и форм-фактор: зритель сразу понимает, что смотрит на скриншот iPhone, а не Android, ещё до прочтения подписи. Во-вторых, они делают сырые скриншоты ощутимо реальными живыми интерфейсами, а не бесплотными UI-фрагментами, что измеримо повышает воспринимаемое качество и доверие. Современные библиотеки рамок устройств покрывают десятки устройств — iPhone 16 Pro, iPhone 16, iPad Pro 12.9", Pixel 9, Galaxy S24, Surface Duo — и поставляют каждую рамку как PNG или SVG высокого разрешения с точно определённой областью экрана, куда композитится скриншот. При автоматизации конвейеров скриншотов рамка устройства обычно является слоем шаблона, а живой скриншот рендерится в область экранного окна на момент экспорта. Выбор правильной рамки имеет значение: обрамление iOS-скриншота в Android-корпус или использование устаревшего устройства сигнализирует о небрежности рецензентам и снижает конверсию.
Используется в
Посмотрите, как это понятие проявляется в продукте:
Изучить функциюСвязанные термины
- Вариант скриншотаКонкретный рендер скриншота для одной комбинации размера устройства, локали, ориентации и темы.
- Соотношение сторон мобильного устройстваОтношение ширины к высоте дисплея телефона или планшета, определяющее размеры холста скриншота.
- Fastlane frameitКоманда командной строки в инструментарии Fastlane, оборачивающая скриншоты в рамки устройств с помощью статических шаблонов.