Як додати рамку 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 і друку. Якщо один макет має служити кільком місцям, спочатку створіть майстер, а потім варіант для кожного формату. Посібник про вибір формату до кадрування пояснює чому.

Виправте поширені проблеми

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