Как добавить рамку iPhone к скриншоту

Сделайте чистый скриншот

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

• iPhone с Face ID: одновременно нажмите боковую кнопку и кнопку увеличения громкости.
• iPhone с кнопкой «Домой»: одновременно нажмите боковую (или верхнюю) кнопку и кнопку «Домой».
• Mac: нажмите Shift-Command-4 для области, Shift-Command-3 для всего экрана или Shift-Command-5 для дополнительных вариантов.

Если нужно показать веб-страницу, а не приложение, окно браузера в стиле Safari часто объясняет контекст лучше рамки телефона. См. мокапы браузера и устройств.

Добавьте рамку iPhone в Collage Easy

1. Откройте Collage Easy и начните новый проект со скриншотом. Collage Easy бесплатен в App Store для iPhone, iPad и Mac с Apple silicon (M1 или новее) и macOS 14 или новее.
2. Откройте панель Mockups и выберите рамку iPhone. Скриншот появится внутри экрана устройства.
3. Проверьте соответствие. Скриншот с iPhone лучше всего подходит рамке iPhone. Для снимка с другого устройства сначала кадрируйте его, чтобы важная часть заполнила экран без растяжения.
4. Выберите фон. Используйте однотонный фон для документации, узор для игривого вида, природную сцену для теплоты или собственное изображение, если важно место.
5. Настройте размер и положение. Оставьте видимое поле вокруг рамки, чтобы край устройства читался. Сначала попробуйте прямую версию, затем сравните небольшой наклон.
6. При необходимости добавьте контекст. Короткий заголовок за пределами рамки, добавленный текстовым инструментом, часто объясняет больше, чем стрелка поверх интерфейса.
7. Экспортируйте и проверьте. Сохраните изображение, откройте его в «Фото» и посмотрите в реальном размере.

Сделайте мокап профессиональным

• Одно сообщение на изображение. Если для объяснения нужны три экрана, создайте три изображения или небольшой коллаж с одинаковыми рамкой и фоном.
• Сначала контраст, потом декор. Тёмный экран приложения исчезает на тёмном фоне. Выберите светлый или цветной фон либо переместите рамку в спокойную область.
• Сохраняйте правдоподобие. Небольшой наклон добавляет энергии, но сильный поворот мешает читать текст интерфейса.
• Будьте последовательны. Для презентации в App Store, портфолио или обновления продукта используйте одну рамку, стиль фона и поле на всех изображениях. Последовательность выглядит намеренной.
• Текст должен быть за пределами экрана. Размещайте подписи на фоне, а не поверх интерфейса, чтобы скриншот оставался честным и читаемым.

Выберите правильный размер экспорта

До тонкой настройки решите, где будет показан мокап. Портретная публикация хорошо работает при 1080 × 1350 пикселей (4:5), Story — при 1080 × 1920 (9:16), а веб-заголовку часто нужна альбомная форма. В нашем руководстве по размерам коллажей перечислены текущие размеры для Instagram, Stories, Pinterest и печати. Если один мокап нужен в нескольких местах, сначала создайте оригинал, затем вариант для каждого формата. Руководство выберите формат экспорта до кадрирования объясняет почему.

Исправьте распространённые проблемы

• Скриншот растянут: снова импортируйте оригинал и подгоните его без принуждения к другой форме.
• Текст слишком мелкий: кадрируйте важную область, увеличьте рамку или уберите лишние элементы вокруг.
• Рамка сливается с фоном: выберите более контрастный фон. См. как создать фон, поддерживающий коллаж.
• После экспорта обнаружились личные данные: сделайте новый скриншот. Никогда не полагайтесь на стикер для сокрытия чувствительной информации.