Storlek på Twitch-paneler: 640×320 som ser ut som ett set

Den panelstorlek på Twitch du ska designa i är 640×320 pixlar, en 2:1-ram. Twitch visar paneler i 320 pixlars bredd i About-avsnittet under din stream, så en design på 640 pixlar ritas i dubbel upplösning och förblir skarp på skarpa skärmar. Behandla varje panel som en etiketterad rubrik, ett eller två ord som About eller Schedule, och lägg detaljerna i panelens beskrivningstext, som Twitch visar under bilden och som förblir läsbar i alla storlekar.

Mått för Twitch-paneler

Paneler delar din kanal med två större grafikstycken: profilbannern överst och offlineskärmen i spelaren. Sida vid sida är panelen liten. Det enda faktumet avgör de flesta designvalen nedan.

Planera panelsetet innan du designar en

De flesta kanaler behöver mellan fyra och åtta paneler. Skriv listan först och designa sedan alla i ett sträck så att de delar varje beslut. En tittare som scrollar nedåt ska se en rad matchande rutor, på samma sätt som en bra meny använder samma typsnitt för varje rubrik.

Att hålla detaljerna utanför bilden har en andra fördel: när ditt schema ändras redigerar du en textrad i stället för att göra om en bild. Använd panelens länkfält till allt som ska gå att klicka på, som din Discord-inbjudan, så att hela bilden blir knappen.

Så får du Twitch-paneler att se enhetliga ut

Enhetlighet kommer av att du låser fyra saker och ändrar bara en. Lås bakgrunden, typsnittet, etikettens placering och marginalerna; ändra bara ordet. Vill du ha variation kan du flytta var ljuset faller i bakgrunden från panel till panel, men håll färgerna inom en familj så att raden fortfarande läses som ett set.

Sätt textstorleken efter din längsta etikett, inte din kortaste. Om Community får plats i en viss storlek, sätt alla andra etiketter i den storleken också, även om About skulle kunna vara större. Matchande storlekar är det som får raden att kännas genomtänkt.

Textstorlek på en Twitch-panel

På sidan blir en panel på 640×320 till 320×160, så varje bokstav krymper till hälften. Som tumregel sätter du etiketter med versaler minst 60 pixlar höga i designen på 640 pixlar, vilket landar kring 30 pixlar på skärmen. Lämna ungefär 40 pixlar fritt vid varje kant, så att ingen etikett känns instängd mot panelens kant.

• Använd en fet eller tung vikt: tunna streck går sönder när de halveras. Feta typsnitt har alternativ som håller i små storlekar.
• Håll dig till ett eller två ord per panel. En mening i en bild är en mening som ingen läser.
• Kontrollera kontrasten över hela etiketten, inte bara dess mitt. Gradienter ändras bakom bokstäverna, vilket text på gradient förklarar.
• Undvik konturer och skuggor för att rädda svag kontrast. Välj en lugnare del av bakgrunden i stället.

Innan du laddar upp, krymp designen till 320 pixlars bredd på din egen skärm och titta på den på armlängds avstånd. Om någon etikett kräver ansträngning att läsa är den för liten eller har för låg kontrast.

Låt panelerna matcha resten av kanalen

Paneler fungerar bäst när de ser ut att höra ihop med din overlay, din offlineskärm och din profilbanner. Använd samma bakgrund och typsnitt i alla, vilket varumärke för Twitch-streamers går igenom i sin helhet, och se offlineskärmar för Twitch och bakgrunder för streams för de större delarna.

1. 1

   Välj en bakgrund

   Välj färgen eller materialet som ska gå genom overlay, banner, offlineskärm och paneler.

2. 2

   Designa en huvudpanel

   Sätt den längsta etiketten i 640×320, bestäm storlek, placering och marginaler, och sluta där.

3. 3

   Duplicera den för varje etikett

   Ändra bara ordet. Motstå frestelsen att justera något annat panel för panel.

4. 4

   Exportera som PNG

   PNG håller släta färgytor och text rena, där en komprimerad JPG kan göra bokstävernas kanter suddiga.

5. 5

   Lägg till paneler i viktighetsordning

   Slå på Edit Panels under din stream, ladda upp varje bild, sätt dess länk och skriv dess beskrivning. About och Schedule först.

Steg tre är där handgjorda set glider isär. I Gradiently Pro kan du lägga etiketterna i ett kalkylblad och använda massskapande för att göra varje panel från en sida i ett enda svep, så att ingenting flyttar sig mellan dem, och samma Mark fortsätter in i din offlineskärm och banner i deras egna storlekar. Samma metod fungerar för alla serier, som guiden om att skapa i omgångar visar.