Come aggiungere una cornice iPhone a uno screenshot

Scatta uno screenshot pulito

Un mockup può essere efficace solo quanto lo screenshot che contiene. Prima di catturarlo, chiudi le notifiche, nascondi i dati personali e assicurati che lo schermo mostri un'idea chiara, come una singola funzione, un risultato o un messaggio.

• iPhone con Face ID: premi contemporaneamente il tasto laterale e il tasto per alzare il volume.
• iPhone con tasto Home: premi insieme il tasto laterale (o superiore) e il tasto Home.
• Mac: premi Shift-Comando-4 per catturare un'area, Shift-Comando-3 per l'intero schermo o Shift-Comando-5 per altre opzioni.

Se vuoi mostrare una pagina web invece di un'app, una finestra browser in stile Safari spesso spiega il contesto meglio di una cornice telefono. Consulta i mockup di browser e dispositivi.

Aggiungi la cornice iPhone in Collage Easy

1. Apri Collage Easy e avvia un nuovo progetto con il tuo screenshot. Collage Easy è gratuito sull'App Store per iPhone, iPad e Mac con Apple silicon (M1 o successivo) e macOS 14 o successivo.
2. Apri il pannello Mockup e scegli una cornice iPhone. Lo screenshot apparirà nello schermo del dispositivo.
3. Controlla l'adattamento. Uno screenshot catturato su iPhone si adatta meglio a una cornice iPhone. Se usi uno screenshot di un altro dispositivo, ritaglialo prima in modo che la parte importante riempia l'area dello schermo senza deformarsi.
4. Scegli uno sfondo. Scegli un colore pieno per la documentazione, un motivo per qualcosa di giocoso, una scena naturale per un tono caldo o una tua immagine se il luogo è importante.
5. Regola dimensioni e posizione. Lascia un margine visibile intorno alla cornice, così il bordo del dispositivo resta leggibile. Prova prima la versione dritta, poi confrontala con una leggera inclinazione.
6. Aggiungi contesto se serve. Un breve titolo fuori dalla cornice, aggiunto con lo strumento testo, spesso spiega più di una freccia sopra l'interfaccia.
7. Esporta e controlla. Salva l'immagine, aprila in Foto e guardala alla dimensione con cui le persone la vedranno davvero.

Rendi professionale il mockup

• Un messaggio per immagine. Se servono tre schermate per spiegare qualcosa, crea tre immagini oppure un piccolo collage con la stessa cornice e lo stesso sfondo.
• Prima il contrasto, poi la decorazione. Una schermata scura su uno sfondo scuro scompare. Scegli uno sfondo più chiaro o colorato oppure sposta la cornice in una zona più tranquilla.
• Mantieni credibilità. Piccole inclinazioni aggiungono energia, ma una rotazione forte rende difficile leggere il testo dell'interfaccia.
• Sii coerente. Per una presentazione sull'App Store, un portfolio o un aggiornamento del prodotto, usa la stessa cornice, lo stesso stile di sfondo e lo stesso margine in ogni immagine. La coerenza comunica intenzionalità.
• Il testo sta fuori dallo schermo. Metti le didascalie sullo sfondo, non sopra l'interfaccia, così lo screenshot resta autentico e leggibile.

Scegli la dimensione di esportazione corretta

Decidi dove verrà visto il mockup prima di rifinirlo. Un post verticale funziona bene a 1080 × 1350 pixel (4:5), una Storia a 1080 × 1920 (9:16) e l'hero di un sito spesso richiede una forma orizzontale. La nostra guida alle dimensioni dei collage elenca le dimensioni attuali per Instagram, Storie, Pinterest e stampa. Se un mockup deve servire più destinazioni, crea prima una versione master e poi una variante per formato. La guida alla scelta del formato di esportazione prima del ritaglio spiega il motivo.

Risolvi i problemi comuni

• Lo screenshot appare deformato: reimporta l'originale e adattalo di nuovo senza forzarlo in una forma diversa.
• Il testo è troppo piccolo: ritaglia l'area importante, ingrandisci la cornice o usa meno elementi intorno.
• La cornice si confonde con lo sfondo: passa a uno sfondo con più contrasto. Consulta la guida agli sfondi che valorizzano il collage.
• Noti dati privati dopo l'esportazione: crea un nuovo screenshot. Non affidarti mai a un adesivo per nascondere informazioni sensibili.