# Post prima e dopo: un layout che racconta la storia [Canonical HTML page](https://gradiently.design/it/guide/before-and-after-post) Pochi formati convincono così in fretta come un prima e dopo. Pochi sono altrettanto facili da sbagliare, con foto non corrispondenti, layout stretti o risultati ritoccati. ## The short version - Un post prima e dopo mostra due foto corrispondenti dello stesso soggetto, così che il cambiamento sia l’unica differenza tra le due. - Scatta entrambe le foto dallo stesso angolo, alla stessa distanza e con la stessa luce, altrimenti il confronto non è più onesto. - Affiancati vanno bene per post quadrati e orizzontali, in colonna per le storie, e un carosello di due pagine fa arrivare il dopo come una rivelazione. - Etichetta chiaramente ogni metà e tieni le etichette nello stesso punto su entrambi i lati. - Pubblica solo risultati reali, con il consenso del cliente, ed evita di modificare le foto oltre al far combaciare l’esposizione. Un buon **post prima e dopo** mostra due volte lo stesso soggetto, fotografato allo stesso modo, così l’unica cosa che cambia è il lavoro che hai fatto. Il compito del layout è rendere quel cambiamento evidente a colpo d’occhio: due metà, etichette chiare, nulla che faccia concorrenza. Saloni, imprese di pulizie, decoratori, giardinieri, detailer, fisioterapisti e designer si affidano tutti a questo formato, perché un risultato convince più di qualsiasi descrizione. ## Parti da foto che combaciano La maggior parte dei post prima e dopo deboli fallisce prima che qualcuno apra uno strumento di design. Il prima è stato scattato con luce serale fioca e un obiettivo grandangolare; il dopo in piena luce del giorno da un angolo lusinghiero. Chi guarda se ne accorge, anche senza saper dire perché, e l’intero post sembra costruito. 1. **Segna il tuo punto** Mettiti nello stesso posto per entrambe le foto. Una striscia di nastro sul pavimento, o l’appunto della porta da cui hai scattato, basta. 2. **Fai combaciare altezza e obiettivo** Tieni il telefono alla stessa altezza e usa lo stesso zoom. Passare al grandangolo per uno scatto cambia le proporzioni della stanza. 3. **Fai combaciare la luce** Stesso momento della giornata, stesse lampade accese o spente. Se non puoi, scatta entrambe con le luci principali accese e le tende nella stessa posizione. 4. **Mantieni l’orientamento del riquadro** Entrambe verticali o entrambe orizzontali. Un prima verticale accanto a un dopo orizzontale non si allineerà mai. 5. **Scatta qualche foto di ciascuno** Scegli dopo la coppia che combacia meglio. È molto più facile che ricreare un prima a lavoro finito. ## Layout prima e dopo che funzionano Ci sono tre layout affidabili. Quale usare dipende dalla piattaforma e da quanto è drammatico il cambiamento. | Layout | Ideale per | Misura | | --- | --- | --- | | Affiancati | Post nel feed, stanze, auto, giardini | Quadrato 1080×1080 o orizzontale 1080×566 | | In colonna | Storie, copertine di Reel, ritratti di persone | Storia 1080×1920 o post 1080×1350 | | Carosello di due pagine | Grandi rivelazioni in cui il dopo deve arrivare come sorpresa | Post 1080×1350, due pagine | Tre layout e le misure adatte. Un layout in colonna dà a ogni foto l’intera larghezza, il che aiuta sul telefono. - Affiancati 1080×1080: 1080 × 1080 - In colonna 1080×1920: 1080 × 1920 - Pagina del carosello 1080×1350: 1080 × 1350 Dividi un quadrato a metà e ogni foto diventa una striscia alta 540×1080. Dividi una storia a metà e ogni metà è un quasi quadrato 1080×960. Nota cosa fa la divisione a ciascuna foto. Affiancate su un quadrato, le metà restano alte e strette, adatte a una porta o a una persona in piedi, ma ritagliano molto una stanza larga. In colonna in una storia, le metà sono quasi quadrate, adatte alla maggior parte dei soggetti. Se le tue foto sono orizzontali, un layout in colonna di solito ne spreca meno. In una storia tieni le etichette lontane dai 250 pixel in alto e in basso, dove sta l’interfaccia dell’app, come spiegano le [zone sicure dei social media](https://gradiently.design/it/guide/social-media-safe-zones). ### La rivelazione nel carosello Un carosello lascia che il prima stia prima da solo. La pagina uno mostra il problema con una riga breve («Sei anni di muschio.»), la pagina due mostra il risultato. Lo scorrimento diventa la rivelazione, che tende a tenere l’attenzione meglio che vedere entrambi insieme. Inquadra le foto in modo identico così lo scorrimento sembra una sola immagine che cambia. La [dimensione del carosello Instagram](https://gradiently.design/it/guide/instagram-carousel-size) riporta le misure delle pagine. La prima pagina di un carosello con l’etichetta Prima e la riga Sei anni di muschio Pagina uno: il prima, con etichetta, e una riga che imposta il problema. La seconda pagina del carosello con l’etichetta Dopo e la riga Lo stesso vialetto, domenica Pagina due: il dopo, con l’etichetta nello stesso punto così l’occhio confronta direttamente. ## Etichette, righe e branding Etichetta ogni metà «Prima» e «Dopo» nella stessa posizione, con la stessa dimensione e lo stesso colore. I lettori confrontano spostando lo sguardo tra punti corrispondenti, e un’etichetta in alto a sinistra da un lato e in basso a destra dall’altro rompe quel ritmo. Funzionano bene le maiuscolette o una breve linguetta. - Metti un sottile divisore tra le metà, o un intervallo nel colore del tuo brand, così le foto non si confondono. - Aggiungi una riga di contesto: il lavoro, il tempo impiegato o il prodotto usato. Non un paragrafo. - Tieni il logo piccolo e in un angolo. Il risultato è la pubblicità. - Usa la stessa cornice per ogni prima e dopo che pubblichi, così diventano una serie riconoscibile. Le parole sopra le foto richiedono attenzione, perché una finestra luminosa o una parete bianca può inghiottire un’etichetta bianca. [Rendere leggibile il testo sulle foto](https://gradiently.design/it/guide/readable-text-on-photos) tratta le opzioni. Tenere le etichette su una fascia del brand sopra o sotto le foto, invece che sopra di esse, evita del tutto il problema. ## Etica: mostra solo risultati reali La forza del formato è anche il suo rischio. Un prima e dopo è un’affermazione: questo è ciò che sappiamo fare. Se il risultato è stato ritoccato, preso in prestito o eccezionale, l’affermazione è falsa, e in alcuni settori, come trattamenti estetici, salute e dimagrimento, le norme pubblicitarie su queste immagini sono rigide. Controlla le regole del tuo settore e del tuo paese prima di pubblicare. ### Da evitare - Ritoccare il dopo, o scurire il prima - Luci diverse che favoriscono il risultato - Foto d’archivio o di un’altra attività - Il tuo risultato migliore presentato come tipico - Il volto o la casa di un cliente senza il suo consenso ### Da fare - Far combaciare solo esposizione e bilanciamento del bianco - Stesso angolo, distanza e luce per entrambe - Il tuo lavoro, fotografato da te - Dire quanto è durato e cosa ha comportato - Permesso scritto, e la possibilità di restare anonimi Per le persone più che per i luoghi, il consenso conta ancora di più. Chiedi prima di scattare la foto del prima, spiega dove comparirà e offri di ritagliare volti o tatuaggi. Molti clienti sono felici di condividere il risultato una volta che sanno di poter dire no. ## Rendi tua la cornice Quando ogni impresa di pulizie e ogni salone pubblica lo stesso modello bianco diviso, la cornice è il punto in cui puoi distinguerti. Uno sfondo coerente intorno alle foto, lo stesso stile di etichette e lo stesso carattere trasformano una serie di risultati in qualcosa che le persone riconoscono come tuo nel feed. Le [idee Instagram per piccole imprese](https://gradiently.design/it/guide/small-business-instagram) e i [post social per saloni](https://gradiently.design/it/guide/salon-social-media-posts) mostrano come questo rientra in un piano più ampio. In Gradiently un carosello è semplicemente un insieme di pagine di un unico design, quindi il prima e il dopo condividono ogni impostazione, e il ridimensionamento crea la misura per le storie dallo stesso design, pronta perché tu ci metta le foto in colonna. Lo sfondo è il tuo Mark, un look che nessun’altra attività può usare una volta che è tuo. ## FAQ ### Come si fa un post prima e dopo? Fotografa il soggetto dallo stesso punto, altezza e luce prima e dopo il lavoro, poi metti le foto affiancate o in colonna con etichette Prima e Dopo corrispondenti. ### Che misura ha un post prima e dopo su Instagram? Usa 1080×1080 per gli affiancati, 1080×1920 per una storia in colonna, o due pagine di carosello 1080×1350 per la rivelazione allo scorrimento. ### Va bene modificare le foto prima e dopo? Far combaciare esposizione e bilanciamento del bianco va bene. Ritoccare il risultato o far sembrare peggiore il prima inganna le persone e può violare le norme pubblicitarie. ### Mi serve il permesso per le foto prima e dopo dei clienti? Sì. Chiedilo prima di scattare la foto del prima, spiega dove comparirà e offri di nascondere volti o dettagli identificativi. ### Un prima e dopo va affiancato o in carosello? Gli affiancati mostrano il cambiamento subito e vanno bene per un solo post nel feed. Un carosello di due pagine trattiene il dopo per uno scorrimento, e funziona meglio quando il cambiamento è drammatico.