Aree sicure dei social: dove l’app copre il tuo design

Le aree sicure dei social sono le parti di un post che nessuna interfaccia copre mai. Nei formati verticali il pericolo è in alto, dove stanno nomi e barre di avanzamento, in basso, dove stanno didascalie e campi di risposta, e su Reel, TikTok e Shorts il bordo destro, dove corrono i pulsanti di like e condivisione. Lascia che lo sfondo riempia tutto il formato e tieni ogni parola, logo e volto dentro l’area sicura.

Aree sicure per video verticali e storie

Tutti questi formati condividono lo spazio 1080×1920, ma le sovrapposizioni cambiano. Le cifre qui sotto sono margini pratici, arrotondati per eccesso di proposito, ricavati da come ogni app dispone la propria interfaccia e dalle indicazioni che le piattaforme danno agli inserzionisti. Non sono misure ufficiali, e ogni app le sposta tra una versione e l’altra e tra forme di schermo diverse.

Se ricordi una sola regola, che sia questa: in qualsiasi video verticale, tieni il contenuto importante dentro un riquadro centrale largo circa 800 pixel e alto 1.150, che parte a circa 250 pixel dall’alto. Quel riquadro rispetta ogni margine della tabella. Più dettagli per piattaforma sono in le dimensioni delle storie Instagram, le dimensioni della copertina TikTok e le dimensioni della copertina di YouTube Shorts.

Cosa si trova in ogni zona

Sapere cosa copre ogni bordo ti aiuta a decidere cosa può starvi vicino. Sfondi, texture e la coda di un gradiente vanno bene sotto l’interfaccia. Parole, prezzi, loghi e volti no.

La didascalia è la più insidiosa. Una didascalia breve occupa due righe, ma quando uno spettatore la tocca si espande verso l’alto sopra il video. Se il tuo testo è in basso nel formato, una didascalia lunga lo coprirà.

Aree sicure su banner e intestazioni

I banner larghi non hanno pulsanti sopra, ma hanno altri due problemi: una foto profilo che si sovrappone a una parte dell’immagine e ritagli diversi su telefono e desktop.

YouTube è il caso estremo: l’immagine del canale è un grande 2560×1440, ma i telefoni mostrano solo una fascia stretta dal centro. Le nostre guide al banner LinkedIn e al banner YouTube indicano le aree esatte.

Anche i post del feed e le miniature hanno aree sicure

• Griglia del profilo Instagram: i post appaiono come riquadri 3:4 ritagliati dal centro. Un post 1080×1350 perde una striscia per lato; la copertina di un Reel perde circa 240 pixel in alto e in basso. Vedi il ritaglio della griglia Instagram.
• Miniature YouTube: la durata del video sta nell’angolo in basso a destra, quindi tieni volti e parole fuori da lì.
• Caroselli: i puntini stanno subito sotto l’immagine, ma alcune app sovrappongono un contatore di slide nell’angolo in alto a destra.
• Pin di Pinterest: i pulsanti di salvataggio e il titolo del pin compaiono al passaggio del mouse e sotto il pin, quindi lascia calmo il bordo inferiore.

Come integrare le aree sicure nel tuo flusso di lavoro

1. 1

   Crea una volta un livello guida

   In ogni modello, disegna il riquadro sicuro come livello guida bloccato. Tienilo visibile mentre progetti e nascondilo prima di esportare.

2. 2

   Progetta per la piattaforma più severa

   Se un unico design verticale andrà su Storie, Reel e TikTok, usa i margini di TikTok. Sarà sicuro ovunque.

3. 3

   Lascia che lo sfondo vada a vivo

   Le zone coperte mostrano comunque il tuo sfondo. Porta colore e texture fino a ogni bordo, così il formato non sembra mai inscatolato.

4. 4

   Lascia un vuoto per gli sticker

   Se nell’app aggiungerai uno sticker con link o sondaggio, lascia un’area vuota nella parte centrale bassa del riquadro sicuro.

5. 5

   Controlla con l’interfaccia attiva

   Pubblica per un pubblico privato o per gli amici stretti, oppure salva una bozza e guardala a schermo intero. È l’unica verifica vera.

Gradiently aiuta su due fronti. Quando ridimensioni un design in altri formati con Pro, ogni copia viene impaginata di nuovo per la sua forma invece di essere ritagliata, quindi devi solo spostare le parole nel riquadro sicuro. Il Mark dietro riempie l’intero formato, comprese le zone dell’interfaccia, e tiene la sua area più calma e con il miglior contrasto dietro le tue parole ovunque si spostino. Testo su un gradiente approfondisce il tema della leggibilità.