Die Kurzfassung
- Gestalte Twitch-Panels in 640×320 Pixeln, einem 2:1-Format, das Twitch in 320 Pixeln Breite anzeigt.
- Gestalten in doppelter Anzeigebreite hält Panel-Text auf Handy- und Laptop-Bildschirmen mit hoher Dichte scharf.
- Twitch-Panels sitzen im Bereich „Info“ unter dem Videoplayer, und jedes kann ein Bild, einen Link und eine Beschreibung tragen.
- Ein Panel-Set wirkt wie ein Design, wenn alle Panels denselben Hintergrund, dieselbe Schrift, Beschriftungsposition und dieselben Ränder teilen.
- Halte Panel-Beschriftungen bei ein oder zwei Wörtern, denn das Bild ist auf der Seite etwa so groß wie ein Thumbnail.
Auf dieser Seite
Die Twitch Panel Größe zum Gestalten ist 640×320 Pixel, ein 2:1-Format. Twitch zeigt Panels im Bereich „Info“ unter deinem Stream in 320 Pixeln Breite an, ein Design mit 640 Pixeln wird also in doppelter Auflösung gezeichnet und bleibt auf scharfen Bildschirmen klar. Behandle jedes Panel als beschrifteten Kopf, ein oder zwei Wörter wie „Über mich“ oder „Zeitplan“, und setze die Details in den Beschreibungstext des Panels, den Twitch darunter zeigt und der in jeder Größe lesbar bleibt.
Twitch-Panel: Maße
Wert
Wert
Wert
Wert
Wert
Panels teilen sich deinen Kanal mit zwei größeren Grafiken: dem Profilbanner oben und dem Offline-Screen im Player. Nebeneinander gesehen ist das Panel winzig. Dieser eine Umstand entscheidet über die meisten Gestaltungsentscheidungen unten.
Panel 640×320
640 × 320
Profilbanner 1200×480
1200 × 480
Offline-Screen 1920×1080
1920 × 1080
Plane das Panel-Set, bevor du eines gestaltest
Die meisten Kanäle brauchen vier bis acht Panels. Schreibe zuerst die Liste und gestalte dann alle in einer Sitzung, damit sie jede Entscheidung teilen. Wer nach unten scrollt, sollte eine Reihe passender Kacheln sehen, so wie eine gute Speisekarte für jede Überschrift dieselbe Schrift nutzt.
Bildbeschriftung
Was in die Beschreibung kommt
Was in die Beschreibung kommt
Was in die Beschreibung kommt
Bildbeschriftung
Was in die Beschreibung kommt
Was in die Beschreibung kommt
Was in die Beschreibung kommt
Was in die Beschreibung kommt
Die Details aus dem Bild zu lassen hat einen zweiten Vorteil: Ändert sich dein Zeitplan, bearbeitest du eine Textzeile, statt ein Bild neu zu gestalten. Nutze das Linkfeld des Panels für alles Klickbare, etwa deine Discord-Einladung, damit das ganze Bild zur Schaltfläche wird.
So wirken Twitch-Panels einheitlich
Das Panel „Über mich“: ein Wort, mittig, auf dem Hintergrund des Kanals.
Das Panel „Zeitplan“: derselbe Hintergrund, dieselbe Schrift, dieselbe Position. Nur das Wort ändert sich.
Einheitlichkeit entsteht, wenn du vier Dinge festlegst und nur eines änderst. Lege Hintergrund, Schrift, Position der Beschriftung und Ränder fest und ändere nur das Wort. Willst du Abwechslung, verschiebe von Panel zu Panel, wo das Licht im Hintergrund fällt, aber halte die Farben aus einer Familie, damit die Reihe weiter als Set wirkt.
Wirkt wie ein schwarzes Brett
- Eine andere Farbe für jedes Panel
- Beschriftung auf einem linksbündig, auf dem nächsten mittig
- Eine andere Schriftgröße je nach Wortlänge
- Zeitplanzeiten ins Bild getippt
- Icons aus drei verschiedenen Sets
Wirkt wie ein Set
- Eine Hintergrundfamilie über alle Panels
- Die Beschriftung jedes Mal an derselben Position
- Eine Schriftgröße, passend zur längsten Beschriftung
- Zeiten in der Beschreibung, leicht zu aktualisieren
- Ein Icon-Stil oder gar keine Icons
Bemesse die Schrift nach deiner längsten Beschriftung, nicht nach der kürzesten. Passt „Community“ in einer bestimmten Größe, setze alle anderen Beschriftungen in derselben Größe, auch wenn „Über mich“ größer sein könnte. Gleiche Größen lassen die Reihe bewusst gestaltet wirken.
Textgröße auf einem Twitch-Panel
Auf der Seite wird ein Panel in 640×320 zu 320×160, jeder Buchstabe schrumpft also auf die Hälfte. Als Faustregel setze Beschriftungen mit Großbuchstaben mindestens 60 Pixel hoch im Design mit 640 Pixeln, was auf dem Bildschirm etwa 30 Pixel ergibt. Lass an jedem Rand etwa 40 Pixel frei, damit keine Beschriftung am Panelrand klemmt.
- Nimm einen kräftigen oder fetten Schnitt: Dünne Striche zerfallen beim Halbieren. Fette Schriften bietet Optionen, die klein bestehen.
- Bleibe bei ein oder zwei Wörtern pro Panel. Ein Satz in einem Bild ist ein Satz, den niemand liest.
- Prüfe den Kontrast über die ganze Beschriftung, nicht nur in ihrer Mitte. Verläufe ändern sich hinter den Buchstaben, was Text auf Verlauf erklärt.
- Meide Konturen und Schlagschatten, um schwachen Kontrast zu retten. Wähle stattdessen einen ruhigeren Teil des Hintergrunds.
Verkleinere das Design vor dem Hochladen auf deinem Bildschirm auf 320 Pixel Breite und sieh es dir aus Armeslänge an. Kostet das Lesen einer Beschriftung Mühe, ist sie zu klein oder zu kontrastarm.
Stimme die Panels auf den Rest des Kanals ab
Panels wirken am besten, wenn sie aussehen, als gehörten sie zu deinem Overlay, deinem Offline-Screen und deinem Profilbanner. Nimm überall denselben Hintergrund und dieselbe Schrift, was Twitch-Streamer-Branding ausführlich behandelt, und sieh dir Twitch-Offline-Screens und Stream-Hintergründe für die größeren Teile an.
- 1
Wähle einen Hintergrund
Wähle die Farbe oder das Material, das über Overlay, Banner, Offline-Screen und Panels laufen soll.
- 2
Gestalte ein Master-Panel
Setze die längste Beschriftung in 640×320, lege Größe, Position und Ränder fest und höre dort auf.
- 3
Dupliziere es für jede Beschriftung
Ändere nur das Wort. Widerstehe dem Drang, Panel für Panel etwas anderes anzupassen.
- 4
Exportiere als PNG
PNG hält flächige Farbe und Schrift sauber, wo ein komprimiertes JPG die Buchstabenkanten verwischen kann.
- 5
Füge Panels nach Wichtigkeit hinzu
Schalte unter deinem Stream „Panels bearbeiten“ ein, lade jedes Bild hoch, setze seinen Link und schreibe die Beschreibung. „Über mich“ und „Zeitplan“ kommen zuerst.
Bei Schritt drei driften handgemachte Sets auseinander. In Gradiently Pro kannst du die Beschriftungen in eine Tabelle setzen und mit der Massenerstellung jedes Panel von einer Seite in einem Durchgang erzeugen, sodass sich nichts verschiebt, und derselbe Mark setzt sich in Offline-Screen und Banner in deren eigenen Größen fort. Die gleiche Methode funktioniert für jede Serie, wie der Leitfaden zur Batch-Erstellung zeigt.
Häufige Fragen
Welche Größe haben Twitch-Panels?
Gestalte sie in 640×320 Pixeln. Twitch zeigt Panels in 320 Pixeln Breite an, du bekommst also ein scharfes Bild in doppelter Auflösung.
Können Twitch-Panels höher als 320 Pixel sein?
Ja, Twitch akzeptiert höhere Panel-Bilder, doch eine einheitliche 2:1-Höhe hält eine Reihe von Panels ordentlich. Setze lange Informationen in die Beschreibung statt in ein hohes Bild.
Wo erscheinen Twitch-Panels?
Im Bereich „Info“ deines Kanals, unter dem Videoplayer. Schalte dort „Panels bearbeiten“ ein, um sie hinzuzufügen, zu ordnen oder zu entfernen.
Sollte ich meinen Zeitplan ins Panel-Bild setzen?
Setze das Wort „Zeitplan“ ins Bild und die Tage und Zeiten in die Beschreibung. Text in der Beschreibung ist leicht zu aktualisieren und auf jedem Bildschirm lesbar.
Wie viele Twitch-Panels sollte ich haben?
Vier bis acht decken die meisten Kanäle ab: Über mich, Zeitplan, Regeln, Discord, Socials und vielleicht Setup oder Support.
Geschrieben von Gradiently
Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.
Unser Profil ansehen