Dimensioni dei pannelli Twitch: 640×320 per un set coerente

La dimensione dei pannelli Twitch a cui progettare è 640×320 pixel, una cornice 2:1. Twitch mostra i pannelli larghi 320 pixel nella sezione Informazioni sotto lo stream, quindi un design da 640 pixel è disegnato al doppio della risoluzione e resta nitido sugli schermi più definiti. Tratta ogni pannello come un’intestazione con etichetta, una o due parole come Chi sono o Programma, e metti i dettagli nel testo di descrizione del pannello, che Twitch mostra sotto e che resta leggibile a qualsiasi dimensione.

Dimensioni dei pannelli Twitch

I pannelli condividono il canale con altri due pezzi di grafica più grandi: il banner del profilo in alto e la schermata offline dentro il player. Visto accanto a loro, il pannello è minuscolo. Questo solo fatto decide la maggior parte delle scelte di design che seguono.

Pianifica il set di pannelli prima di disegnarne uno

La maggior parte dei canali ha bisogno di un numero di pannelli tra quattro e otto. Scrivi prima l’elenco, poi disegnali tutti in una sola seduta così condividono ogni decisione. Chi scorre verso il basso dovrebbe vedere una fila di riquadri coordinati, come un buon menu usa lo stesso carattere per ogni titolo.

Tenere i dettagli fuori dall’immagine ha un secondo vantaggio: quando cambia il calendario, modifichi una riga di testo invece di ridisegnare un’immagine. Usa il campo link del pannello per tutto ciò che è cliccabile, come l’invito Discord, così l’intera immagine diventa il pulsante.

Come rendere coerenti i pannelli Twitch

La coerenza nasce dal fissare quattro cose e cambiarne una sola. Fissa lo sfondo, il carattere, la posizione dell’etichetta e i margini; cambia solo la parola. Se vuoi varietà, sposta da un pannello all’altro il punto in cui cade la luce nello sfondo, ma tieni i colori della stessa famiglia così la fila si legge ancora come un set.

Dimensiona il carattere sull’etichetta più lunga, non su quella più corta. Se Community ci sta a una certa dimensione, imposta ogni altra etichetta a quella dimensione, anche se Chi sono potrebbe essere più grande. Dimensioni uguali sono ciò che fa sembrare voluta la fila.

Dimensione del testo su un pannello Twitch

Sulla pagina un pannello 640×320 diventa 320×160, quindi ogni lettera si riduce a metà. Come regola pratica, imposta le etichette in maiuscolo alte almeno 60 pixel nel design da 640 pixel, il che a schermo diventa circa 30 pixel. Lascia circa 40 pixel liberi su ogni bordo, così nessuna etichetta sembra schiacciata contro il margine del pannello.

• Usa un peso bold o heavy: i tratti sottili si spezzano quando dimezzati. Font bold ha opzioni che reggono alle piccole dimensioni.
• Resta su una o due parole per pannello. Una frase in un’immagine è una frase che nessuno legge.
• Controlla il contrasto su tutta l’etichetta, non solo al centro. I gradienti cambiano dietro le lettere, come spiega testo su un gradiente.
• Evita contorni e ombre portate per salvare un contrasto debole. Scegli invece una parte più calma dello sfondo.

Prima di caricare, riduci il design a 320 pixel di larghezza sul tuo schermo e guardalo a distanza di braccio. Se un’etichetta richiede fatica per essere letta, è troppo piccola o ha poco contrasto.

Fai coincidere i pannelli con il resto del canale

I pannelli funzionano meglio quando sembrano appartenere all’overlay, alla schermata offline e al banner del profilo. Usa lo stesso sfondo e lo stesso carattere in tutti, come tratta per intero branding per streamer Twitch, e vedi schermate offline di Twitch e sfondi per lo stream per i pezzi più grandi.

1. 1

   Scegli uno sfondo

   Scegli il colore o il materiale che correrà su overlay, banner, schermata offline e pannelli.

2. 2

   Disegna un pannello master

   Imposta l’etichetta più lunga a 640×320, decidi dimensione, posizione e margini, e fermati lì.

3. 3

   Duplicalo per ogni etichetta

   Cambia solo la parola. Resisti alla tentazione di ritoccare altro pannello per pannello.

4. 4

   Esporta in PNG

   Il PNG mantiene puliti colori piatti e scritte, mentre un JPG compresso può sfocare i bordi delle lettere.

5. 5

   Aggiungi i pannelli in ordine di importanza

   Attiva Modifica pannelli sotto lo stream, carica ogni immagine, imposta il link e scrivi la descrizione. Prima Chi sono e Programma.

Il terzo passo è dove i set fatti a mano si sfilacciano. In Gradiently Pro puoi mettere le etichette in un foglio di calcolo e usare la creazione in blocco per fare tutti i pannelli da una pagina in un solo passaggio, così nulla si sposta tra l’uno e l’altro, e lo stesso Mark prosegue nella schermata offline e nel banner alle loro dimensioni. Lo stesso metodo funziona per qualsiasi serie, come mostra la guida alla creazione in serie.