Dimensioni banner Discord: server 960 x 540, profilo 680 x 240

Le dimensioni del banner Discord dipendono da quale banner intendi. Il banner di un server misura 960×540 pixel, un’immagine 16:9 mostrata in cima all’elenco dei canali del tuo server. Il banner del profilo misura 680×240 pixel e sta dietro il tuo avatar sulla scheda del profilo. Lo sfondo dell’invito al server, mostrato a chi apre un link di invito, è anch’esso 16:9 e rende al meglio a 1920×1080. Ciascuno è in parte coperto dall’interfaccia di Discord, quindi progettali come atmosfera, lasciando libera la parte importante.

Misure dei banner Discord in sintesi

Esporta in PNG per grafica, testo e gradienti, in JPEG per le fotografie. I banner animati usano il GIF e richiedono un livello di boost più alto per i server o Nitro per i profili; se ne crei uno, tieni il movimento lento, perché il banner sta accanto a persone che leggono e scrivono. GIF o MP4 spiega perché i GIF richiedono attenzione ai colori.

Banner del server Discord: 960 x 540

Il banner del server sta in cima alla barra laterale dei canali, sopra l’elenco dei canali. La barra è stretta, quindi il banner appare piccolo, e il nome del server con una freccia del menu sono sovrapposti al bordo superiore. I membri lo vedono ogni volta che aprono il server, il che lo rende l’immagine più vista che possiedi su Discord.

• Tieni calma la fascia superiore. Circa i primi 100 pixel ospitano il nome del server in bianco, quindi una parte alta più scura o neutra aiuta la lettura.
• Metti immagine o parole al centro. Il ritaglio e il ridimensionamento della barra fanno sparire i dettagli ai bordi.
• Evita il testo piccolo. Alle dimensioni della barra, tutto ciò che nel tuo design 960×540 è alto meno di circa 60 pixel è illeggibile.
• Lascialo sfumare nella barra. Un banner il cui bordo inferiore si scurisce verso il tema scuro di Discord si integra nell’interfaccia invece di starci sopra.

Sfondo dell’invito Discord

Lo sfondo dell’invito riempie lo schermo dietro la scheda di invito quando qualcuno apre il tuo link in un browser. La scheda sta al centro e mostra l’icona del server, il nome e il pulsante Accetta. Significa che il centro della tua immagine è in gran parte nascosto. Progetta lo sfondo come un riquadro pieno di colore o texture, con i dettagli spinti verso bordi e angoli, l’opposto della maggior parte dei banner.

Banner del profilo Discord: 680 x 240

Con Nitro puoi caricare un banner del profilo, mostrato in cima alla scheda del tuo profilo quando qualcuno clicca sul tuo nome. Il tuo avatar tondo ne copre la parte in basso a sinistra e la scheda è stretta, quindi il banner funziona meglio come colore e texture, con i dettagli sulla destra. Senza Nitro puoi comunque scegliere un colore pieno per il banner, da abbinare al tuo avatar. Il banner del profilo ti segue in ogni server a cui ti unisci, quindi scegli qualcosa che si adatti a tutti, non a una battuta interna di una sola community.

Come progettare una serie coordinata di banner Discord

1. 1

   Scegli una famiglia di sfondi

   Gli stessi colori o lo stesso materiale su banner del server, sfondo dell’invito, icona del server e colori dei ruoli. Una community che sembra un solo luogo si sente un solo luogo.

2. 2

   Progetta prima lo sfondo dell’invito

   A 1920×1080 è il più grande, quindi stabilisce lo stile. Tieni neutro il suo centro.

3. 3

   Ricava da lì il banner del server

   Stesso sfondo a 960×540, con il nome del server o uno slogan al centro e un bordo superiore calmo.

4. 4

   Controlla nei temi scuro e chiaro

   La maggior parte dei membri usa la modalità scura, ma non tutti. Un banner con i bordi che sfumano su un tono medio sta bene in entrambe; design per la modalità scura spiega perché.

5. 5

   Fai l’anteprima a dimensione reale

   Apri il server su un portatile e su un telefono. Se le parole non si leggono nella barra laterale, toglile o ingrandiscile.

Community di gaming, server di studio e Discord di creator traggono tutti vantaggio dalla stessa idea: il server assomiglia al brand a cui appartiene. Se il tuo Discord accompagna uno stream o un canale, coordinalo con il tuo branding da streamer Twitch o con la grafica per canali gaming. In Gradiently un solo Mark ti dà tutte e tre le misure Discord, create da zero per ogni formato anziché ritagliate, e con Pro un solo passaggio ridimensiona un design a tutte le misure. Le parole messe sul Mark restano leggibili perché lui si calma dietro di esse. Altri formati in dimensioni delle immagini per i social.