Design dei banner: web, social e stampa che si leggono

Un buon design del banner lavora con la forma e non contro. Un banner è largo e basso, quindi dagli un solo blocco compatto di parole, un titolo breve e magari una riga di supporto, in un punto che nulla coprirà, e lascia che lo sfondo porti il colore sul resto della larghezza. Controlla prima la misura e l’area sicura di ogni piattaforma: il banner del profilo LinkedIn è 1584 × 396 pixel e perde l’angolo in basso a sinistra a causa della tua foto, mentre un banner YouTube è 2560 × 1440 e sui telefoni mostra solo una fascia centrale.

Misure dei banner per web e social

Come impaginare le parole in un banner largo

Le persone leggono un banner come leggono una riga di testo: da sinistra a destra, in fretta. Sparpagliare le parole su tutta la larghezza fa viaggiare troppo l’occhio. Raggruppale in un blocco, circa un terzo della larghezza, e componi il titolo abbastanza grande da leggersi quando l’intero banner si riduce alla larghezza di uno schermo di telefono.

A questa altezza la gerarchia deve essere semplice. Due livelli sono di solito il limite: un titolo e una piccola riga sopra o sotto. Se te ne serve un terzo, probabilmente appartiene al profilo stesso. La gerarchia visiva spiega come dimensione e spaziatura fanno questo lavoro senza decorazioni extra.

Aree sicure e ritagli

Ogni piattaforma ritaglia o copre il banner in modo diverso su desktop e telefono. L’approccio sicuro è lo stesso ovunque: lascia che lo sfondo corra da bordo a bordo e tieni parole e loghi nel mezzo del riquadro, lontano dall’angolo dove sta l’avatar.

1. 1

   Trova l’angolo coperto

   Su LinkedIn, X e Bluesky la foto profilo sta sopra l’angolo in basso a sinistra. Lascia quell’area solo allo sfondo.

2. 2

   Considera i ritagli sul telefono

   Facebook ed Etsy tagliano i lati sui telefoni. Tieni le parole entro i due terzi centrali della larghezza.

3. 3

   Usa la fascia centrale di YouTube

   Del riquadro 2560 × 1440 solo l’area centrale di circa 1546 × 423 pixel si vede su tutti i dispositivi. Mettici il nome e le parole.

4. 4

   Controlla alla misura reale

   Carica, poi guarda su un telefono e su un portatile. Un’anteprima in uno strumento di design non può mostrarti l’interfaccia della piattaforma, e le piattaforme cambiano i layout, quindi controlla le loro pagine di aiuto prima di un grande lancio.

Banner da stampa: roll up e insegne per eventi

Un roll up, di solito 850 × 2000 mm, è il problema opposto: alto e visto da metri di distanza mentre le persone passano. Servono un logo e un titolo nel terzo superiore all’altezza degli occhi, pochissimo nel terzo inferiore, che si nasconde dietro tavoli e gambe, e un testo abbastanza grande da leggersi da un lato all’altro della sala. Chiedi allo stampatore quale risoluzione vuole; i banner grandi si stampano normalmente da file ben sotto i 300 dpi perché nessuno li guarda da vicino.

Per stand e palchi, vedi il design dei fondali per eventi, e per i grandi formati su carta, le dimensioni dei poster.

Un solo look su ogni banner

La maggior parte delle persone ha bisogno di cinque o sei banner insieme: LinkedIn, X, YouTube, un’intestazione email, un hero del sito. Sembrano un unico brand quando sfondo, carattere e colore restano costanti e cambia solo l’impaginazione. Un gradiente è ideale per questo perché non ha un soggetto da ritagliare, purché venga generato per ogni forma e non stirato.

In Gradiently, un Mark viene generato da capo a ogni misura di banner, sposta la sua regione più calma dietro le tue parole e lascia che l’inchiostro automatico scelga testo chiaro o scuro per riga. Con Pro, un design si ridimensiona in ogni misura in un solo passaggio, così i banner di LinkedIn, X e YouTube arrivano insieme. L’idea di uno sfondo riconoscibile è trattata in un look distintivo.