Come rendere belli gli screenshot sui social

Quasi tutti gli screenshot sembrano trascurati in un feed per gli stessi pochi motivi: hanno la forma sbagliata, arrivano fino ai bordi senza respiro e il testo è troppo piccolo da leggere su un telefono. Per rimediare non servono competenze di design.

1. Decida di cosa parla l’immagine

Prima di aprire qualsiasi strumento, individui l’unica cosa che l’immagine deve mostrare: una nuova schermata, una funzione, un prima e dopo. Tutto il resto è rumore. Lo screenshot di un’intera finestra con un piccolo pulsante nuovo in un angolo non mostra il pulsante.

2. Gli dia spazio

Uno screenshot schiacciato contro il bordo dell’immagine sembra tagliato, e alcuni feed rifilano i bordi dell’anteprima. I margini risolvono entrambe le cose. Lasci un margine di circa un decimo della tela su ogni lato, di più per un singolo telefono su una tela larga.

La forma della tela conta quanto il margine. Uno screenshot alto del telefono pubblicato così com’è viene ritagliato o rimpicciolito nella maggior parte dei feed. Lo posizioni invece su una tela con la forma della piattaforma: 4:5 per i post di Instagram e LinkedIn, 16:9 per X, 9:16 per le Storie. Dimensioni delle immagini per condividere screenshot di app le elenca tutte.

3. Scelga uno sfondo che non disturbi

Lo sfondo incornicia lo screenshot. Non deve fargli concorrenza.

Usi il contrasto per separare lo screenshot dallo sfondo: un’interfaccia scura su uno sfondo chiaro, o un’interfaccia chiara su uno sfondo scuro. Se interfaccia e sfondo sono entrambi bianchi, lo screenshot sparisce.

4. Aggiunga un’ombra morbida

Un’ombra leggera stacca lo screenshot dallo sfondo e lo fa percepire come un oggetto. La tenga morbida e poco contrastata: una sfocatura ampia a bassa opacità, che cade appena sotto lo screenshot. Un’ombra netta e scura sembra datata e distoglie lo sguardo dal contenuto.

5. Con la cornice o senza

Usare o no la cornice di un dispositivo dipende dal tipo di screenshot.

ScreenshotPresentazione migliore
Schermo intero di iPhone o iPadLa cornice di un dispositivo. Un telefono si riconosce subito e la cornice nasconde il rettangolo rigido dello screenshot.
Finestra del MacUna scheda semplice: la finestra su uno sfondo, con i suoi angoli arrotondati e un’ombra morbida. Nessun dispositivo necessario.
Parte di uno schermoUna scheda semplice con angoli arrotondati, oppure un ingrandimento accanto allo schermo intero.

Tra le cornici dei dispositivi, una cornice realistica appare curata e specifica. Una minimale, come un mockup Clay, tiene l’attenzione sull’interfaccia e può riprendere i colori del suo brand. Per le finestre del Mac, tolga prima l’ombra di macOS e ne aggiunga una più pulita; veda come fare uno screenshot su Mac senza ombra.

6. Una leggera angolazione, o nessuna

Una leggera inclinazione fa sembrare il telefono un oggetto e dà movimento a un’immagine statica. Resti delicato. Uno schermo troppo inclinato è difficile da leggere e il testo si schiaccia. La vista frontale funziona meglio quando il contenuto è fitto, come una schermata di impostazioni o un lungo elenco.

7. Mantenga coerente una serie

Quando pubblica più immagini, o un carosello, devono sembrare un insieme:

La coerenza fa sembrare una serie voluta anziché messa insieme alla rinfusa.

8. Testo leggibile alle dimensioni del feed

La maggior parte delle persone vede la sua immagine su un telefono, largo pochi centimetri. Un testo dell’interfaccia che sul Mac va bene lì diventa illeggibile.

Faccia una prova: guardi l’immagine esportata sul telefono a distanza di braccio. Se deve strizzare gli occhi, è troppo piccola.

9. Esporti alla dimensione e nel formato giusti

Da fare e da evitare

Da fareDa evitare
Mostrare un’idea per immagineStipare tre funzioni in un solo screenshot
Lasciare margini uguali su ogni latoFar toccare i bordi allo screenshot
Usare uno sfondo tranquillo con contrastoMettere un’interfaccia bianca su uno sfondo bianco
Tenere le ombre morbide e discreteUsare un’ombra nera e netta
Incorniciare gli screenshot del telefono in un dispositivoPubblicare uno screenshot alto e grezzo che verrà ritagliato
Inclinare poco, o per nienteInclinare tanto da rendere il testo illeggibile
Usare dati di esempio realisticiMostrare dati di prova, email personali o la batteria al 3%
Uniformare dimensioni, cornice e angolazione in una serieMescolare forme e stili nello stesso carosello

Tutto in un colpo solo

Può fare ognuno di questi passaggi in un’app di design, ma è ripetitivo. FeatureFrame li fa in un unico posto sul suo Mac: trascini uno screenshot e riconosce il dispositivo e lo incornicia in 3D, oppure presenta la cattura di una finestra del Mac come scheda semplice. Poi scelga la forma della tela, uno sfondo (tinta unita, sfumatura, sfondo scrivania di macOS o un’immagine sua), l’ombra e l’angolazione, e copi o esporti un JPEG o un PNG fino a 4K. Tiene fino a tre screenshot sulla stessa tela e può aggiungere un @nomeutente o un logo come filigrana; aggiungere una filigrana agli screenshot spiega quando conviene.

Per i dettagli delle singole piattaforme, veda condividere screenshot di app su X e creare un carosello su Instagram. Scarichi FeatureFrame dal Mac App Store.

Altre guide