# Grafiche per il lancio di un’app: annunciala ovunque insieme

[Canonical HTML page](https://gradiently.design/it/guide/mobile-app-launch-graphics)

Il giorno del lancio è l’unico in cui la tua app compare ovunque insieme, davanti a persone che decidono in un secondo se toccare. Ecco il kit completo di grafiche, i formati e l’ordine in cui crearle.

## The short version

- Le grafiche per il lancio di un’app funzionano meglio come un unico kit nato da un solo design: post di lancio, un’immagine Open Graph, intestazioni dei profili e immagini per la galleria.
- L’immagine Open Graph che compare quando il tuo link viene condiviso è di 1200×630 pixel, e l’intestazione di X è di 1500×500.
- I post di lancio devono nominare l’app, dire in una frase cosa fa e indicare dove ottenerla.
- Aggiorna l’anteprima del link, le intestazioni e l’hero del sito prima di pubblicare qualsiasi cosa, così ogni link condiviso il giorno del lancio ha già l’aspetto giusto.
- Uno sfondo coerente in tutte le grafiche di lancio aiuta le persone a riconoscere la stessa app mentre compare in feed diversi.

Buone **grafiche per il lancio di un’app** sono un unico design in tante forme: un post di annuncio per ogni social, un’anteprima del link da 1200×630 che compare ogni volta che qualcuno condivide il tuo URL, intestazioni di profilo nuove e una breve serie di immagini di galleria per siti di lancio come Product Hunt. Creale insieme, da un solo aspetto e una sola frase, e il giorno del lancio si legge come un unico evento invece che come una corsa di screenshot scoordinati.

## Parti da una frase e un aspetto

Prima di qualsiasi grafica, scrivi la frase che dice cosa fa l’app e per chi, in meno di dieci parole. «Dividi l’affitto con i coinquilini senza discorsi imbarazzanti» funziona. «Il futuro della finanza condivisa» no, perché nessuno riesce a immaginarselo. Quella frase va su ogni grafica, invariata, così il messaggio si ripete mentre la forma cambia. [Scrivere testi per le immagini](https://gradiently.design/it/guide/writing-copy-for-visuals) spiega meglio come ridurre una riga.

Poi fissa l’aspetto: i colori dell’icona dell’app diventano uno sfondo, il carattere dell’app diventa il titolo. Uno sfondo distintivo conta più di quanto pensi, perché gli stessi screenshot di interfacce bianche compaiono in ogni giorno di lancio. [Grafiche per il giorno del lancio](https://gradiently.design/it/guide/launch-day-graphics) tratta questo tema per qualsiasi tipo di prodotto.

- Dalla notte al segnale: `linear-gradient(145deg, #0b1026 0%, #2b2f8f 50%, #6ee7f9 100%)`
- Brace: `radial-gradient(circle at 70% 30%, #ffd9a8 0%, #ff7a59 40%, #4a1532 100%)`
- Menta profonda: `linear-gradient(200deg, #e8fff4 0%, #7be0b3 45%, #0f5b4a 100%)`

Tre sfondi di lancio ricavati dai colori tipici delle icone delle app. Scegli quello più vicino alla tua icona e tienilo per tutto il kit.

## Il kit di grafiche per il lancio di un’app, con i formati

| Grafica | Formato | Cosa ci va |
| --- | --- | --- |
| Anteprima del link Open Graph | 1200×630 px | Nome dell’app, la frase, l’icona |
| Intestazione di X | 1500×500 px | La frase e «Da oggi» |
| Post di lancio su X o Bluesky | 1600×900 px | Schermata principale o la frase |
| Post LinkedIn | 1200×1200 px | La frase, nota di chi l’ha creata |
| Post Instagram | 1080×1350 px | Icona, nome, la frase |
| Storia | 1080×1920 px | «Da oggi» e dove trovarla |
| Hero del sito | 1920×1080 px | La frase e i pulsanti degli store |
| Intestazione email | 1200×600 px | Il nome e «Ora online» |

Il kit di base. Gli screenshot per App Store e Google Play hanno formati obbligatori propri, elencati nell’aiuto per sviluppatori di Apple e Google. Product Hunt mostra nel modulo di invio i requisiti attuali di miniatura e galleria; progettali in orizzontale dallo stesso master.

- Anteprima del link: 1200 × 630
- Intestazione di X: 1500 × 500
- Post X 16:9: 1600 × 900
- Instagram 4:5: 1080 × 1350
- Storia 9:16: 1080 × 1920

Da un’intestazione lunga e sottile a una storia alta, in scala. Le parole vanno disposte in modo diverso per ciascuna, ed è per questo che stirare una sola immagine non funziona mai.

## Perché l’immagine dell’anteprima del link conta di più

Il giorno del lancio il tuo URL viene incollato in chat, post, forum e newsletter che non vedrai mai. Ognuno mostra la tua **immagine Open Graph**, quindi è, senza dare nell’occhio, la grafica di lancio più vista. Falla di 1200×630, metti il nome dell’app e la frase al centro, tieni il testo lontano dai bordi perché alcune app ritagliano a quadrato e controllala con un debugger di condivisione prima del lancio. [Dimensioni dell’immagine Open Graph](https://gradiently.design/it/guide/open-graph-image-size) ha i ritagli; [tag Open Graph](https://gradiently.design/it/guide/open-graph-tags) ha il markup.

```html
<meta property="og:title" content="Rentwise: split rent without the awkward chat" />
<meta property="og:description" content="Now on iPhone and Android." />
<meta property="og:image" content="https://rentwise.app/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
```

I tag che controllano l’anteprima di un link. Usa un URL https assoluto per l’immagine e cambia il nome del file quando la aggiorni, così le piattaforme scaricano quella nuova.

## Come progettare un post di lancio per un’app

Un post di lancio compete con tutto il resto del feed, quindi deve leggersi a colpo d’occhio. Parti dalla frase, non dal logo. Mostra una schermata, non cinque. Di’ dove trovare l’app. Su X e Bluesky funziona bene un thread: prima la grafica, poi un breve video, poi la storia di chi l’ha creata.

Un post di lancio orizzontale per un’app che divide l’affitto, con la descrizione in una riga in caratteri grandi

Il post per X e Bluesky a 1600×900: la frase regge il post.

Una storia verticale con la scritta Da oggi per l’app Rentwise sul gradiente coordinato

La storia: due parole e dove andare, sullo stesso sfondo.

### Da evitare

- Una griglia di sei screenshot di telefono
- «Rivoluzionare» qualsiasi cosa
- Una nuova combinazione di colori solo per il lancio
- Testo ai bordi esterni dell’immagine di anteprima

### Da fare

- Una schermata che mostra il momento principale
- La frase semplice su cosa fa
- I colori dell’icona, ovunque
- Parole centrate, con margini generosi

Le brevi registrazioni dello schermo vanno bene per le app, perché mostrano il momento principale in movimento: il tocco, il risultato. Tienile sotto i venti secondi, metti la frase sul primo fotogramma e aggiungi i sottotitoli, perché molte persone scorrono senza audio. [Video dimostrativo del prodotto](https://gradiently.design/it/guide/product-demo-video) tratta ritmo e inquadratura.

## L’ordine in cui creare le grafiche di lancio di un’app

1. **Una settimana prima: il design master** Frase, icona, sfondo e carattere su un solo riquadro orizzontale. Tutto il resto nasce da lì.
2. **Una settimana prima: un post «in arrivo»** Anticipa la data e un link alla lista d’attesa. [Post «in arrivo»](https://gradiently.design/it/guide/coming-soon-post) ha delle impaginazioni.
3. **Due giorni prima: anteprime e intestazioni** Pubblica presto l’immagine Open Graph, l’intestazione di X e l’hero del sito, così i link condivisi nel giorno hanno l’aspetto giusto.
4. **Il giorno prima: tutti i post di lancio** Esporta tutti i formati e scrivi in anticipo le didascalie per ogni social.
5. **Giorno del lancio: pubblica, rispondi, ripeti** Passa la giornata a rispondere alle persone, non a creare grafiche.
6. **Una settimana dopo: un ringraziamento** Un post di traguardo o di ringraziamento con lo stesso aspetto chiude il lancio.

Gradiently si adatta bene a questo flusso. Disegna il master una volta su un Mark, poi, con Pro, ridimensionalo in ogni formato del kit in un solo passo; il Mark mantiene leggibile la frase su ogni forma spostando la sua zona più calma dietro le parole. Se stai già lavorando al lancio in ChatGPT o Claude, Gradiently può essere collegato a entrambi, così l’assistente può preparare il kit come design che si aprono nello Studio. [Grafiche di lancio per indie hacker](https://gradiently.design/it/guide/indie-hacker-launch-graphics) tratta lo stesso kit per i prodotti web.

## FAQ

### Quali grafiche mi servono per lanciare un’app?

Un’anteprima del link da 1200×630, un’intestazione di X aggiornata da 1500×500, post di lancio per ogni social che usi, una storia, un hero del sito e immagini di galleria per ogni sito di lancio. Creale tutte da un solo design master.

### Che dimensioni ha un’immagine della galleria di Product Hunt?

Product Hunt elenca nel modulo di invio i requisiti attuali di miniatura e galleria. Progettale in orizzontale dallo stesso master delle altre grafiche di lancio, così l’aspetto resta coerente.

### Cosa dovrebbe dire un post di lancio di un’app?

Il nome dell’app, una frase su cosa fa e per chi, e dove trovarla. Tieni tutto il resto per la didascalia o per un thread.

### Quando devo aggiornare l’immagine di anteprima del link?

Un giorno o due prima del lancio, con un nuovo nome di file, poi provala in un debugger di condivisione. Le piattaforme mettono in cache le anteprime, quindi una modifica tardiva potrebbe non vedersi il giorno del lancio.
