Twitch-paneelformaat: panelen van 640×320 die een set vormen

Het Twitch-paneelformaat om op te ontwerpen is 640×320 pixels, een 2:1-kader. Twitch toont panelen 320 pixels breed in het About-gedeelte onder je stream, dus een ontwerp van 640 pixels wordt op dubbele resolutie getekend en blijft scherp op scherpe schermen. Behandel elk paneel als een label met kop, een of twee woorden zoals Over mij of Schema, en zet de details in de beschrijving van het paneel, die Twitch eronder toont en op elk formaat leesbaar blijft.

Twitch-paneelafmetingen

Panelen delen je kanaal met twee grotere stukken beeld: de profielbanner bovenaan en het offline-scherm in de speler. Naast elkaar gezien is het paneel klein. Dat ene feit bepaalt de meeste ontwerpkeuzes hieronder.

Plan de paneelset voordat je er één ontwerpt

De meeste kanalen hebben vier tot acht panelen nodig. Schrijf eerst de lijst en ontwerp ze dan allemaal in één keer, zodat ze elke beslissing delen. Een kijker die naar beneden scrolt moet een rij bijpassende tegels zien, zoals een goed menu dezelfde letter voor elke kop gebruikt.

De details uit de afbeelding houden heeft een tweede voordeel: als je schema verandert, bewerk je een regel tekst in plaats van een beeld opnieuw te ontwerpen. Gebruik het linkveld van het paneel voor alles wat klikbaar is, zoals je Discord-uitnodiging, zodat de hele afbeelding de knop wordt.

Twitch-panelen er consistent laten uitzien

Consistentie komt van vier dingen vastzetten en er maar één veranderen. Zet de achtergrond, de letter, de positie van het label en de marges vast; verander alleen het woord. Wil je variatie, verschuif dan van paneel tot paneel waar het licht in de achtergrond valt, maar houd de kleuren uit één familie zodat de rij nog als set leest.

Stem de letters af op je langste label, niet je kortste. Past Community op een bepaalde grootte, zet dan elk ander label ook op die grootte, ook al zou Over mij groter kunnen. Gelijke groottes maken dat de rij weloverwogen aanvoelt.

Tekstgrootte op een Twitch-paneel

Op de pagina wordt een paneel van 640×320 teruggebracht tot 320×160, dus elke letter krimpt tot de helft. Als vuistregel zet je labels met hoofdletters minstens 60 pixels hoog in het ontwerp van 640 pixels, wat op het scherm rond 30 pixels uitkomt. Laat ongeveer 40 pixels vrij aan elke rand, zodat geen label tegen de rand van het paneel gepropt voelt.

• Gebruik een vet of zwaar gewicht: dunne lijnen breken op als ze gehalveerd worden. Vette lettertypes heeft opties die op kleine formaten standhouden.
• Houd het bij een of twee woorden per paneel. Een zin in een afbeelding is een zin die niemand leest.
• Controleer het contrast over het hele label, niet alleen het midden. Verlopen veranderen achter de letters, wat tekst op een verloop uitlegt.
• Vermijd contouren en slagschaduwen om zwak contrast te redden. Kies in plaats daarvan een rustiger deel van de achtergrond.

Verklein het ontwerp voor je uploadt op je eigen scherm tot 320 pixels breed en bekijk het van armlengte. Kost een label moeite om te lezen, dan is het te klein of te laag in contrast.

Laat de panelen passen bij de rest van het kanaal

Panelen werken het best als ze eruitzien alsof ze bij je overlay, je offline-scherm en je profielbanner horen. Gebruik overal dezelfde achtergrond en letters, wat Twitch-streamerbranding volledig behandelt, en zie Twitch offline-schermen en streamachtergronden voor de grotere stukken.

1. 1

   Kies één achtergrond

   Kies de kleur of het materiaal dat over overlay, banner, offline-scherm en panelen loopt.

2. 2

   Ontwerp één hoofdpaneel

   Zet het langste label op 640×320, bepaal grootte, positie en marges, en stop daar.

3. 3

   Dupliceer het voor elk label

   Verander alleen het woord. Weersta de neiging per paneel iets anders aan te passen.

4. 4

   Exporteer als png

   Png houdt vlakke kleur en letters schoon, waar een gecomprimeerde jpg de randen van letters kan doen vervagen.

5. 5

   Voeg panelen toe op volgorde van belang

   Zet Edit Panels aan onder je stream, upload elke afbeelding, stel de link in en schrijf de beschrijving. Over mij en Schema komen eerst.

Stap drie is waar met de hand gemaakte sets uit elkaar lopen. In Gradiently Pro kun je de labels in een spreadsheet zetten en met bulk aanmaken elk paneel vanaf één pagina in één keer maken, zodat niets tussen hen verschuift, en dezelfde Mark loopt door in je offline-scherm en banner op hun eigen formaten. Dezelfde methode werkt voor elke reeks, zoals de gids voor batch aanmaken laat zien.