Staged kommt auf Steam! Jetzt zur Wunschliste hinzufügen

Zonen-Editor

Erstelle und passe mit dem visuellen Zonen-Editor Zonen für deine Apps und Spiele an.

Überblick

Der Zonen-Editor ist das Herzstück von Staged. Mit ihm erstellst du Zonen auf deinem virtuellen Display, in denen Apps platziert werden. Stell dir Zonen als festgelegte Bereiche vor – jede Zone kann eine App aufnehmen, und Apps rasten automatisch in ihre zugewiesene Zone ein.

Funktionen des Zonen-Editors

  • Zonen per Drag-and-drop erstellen
  • Zonen skalieren und neu positionieren
  • Farbcodierung zur einfachen Identifizierung
  • Als wiederverwendbare Voreinstellungen speichern
  • Am Raster ausrichten
  • Integrierte Voreinstellungs-Bibliothek

Den Zonen-Editor öffnen

So öffnest du den Zonen-Editor:

  1. Öffne Staged über die Taskleiste oder das Startmenü
  2. Klicke im Hauptfenster auf den Tab Zone Editor
  3. Oder verwende das Tastenkürzel: Ctrl + E

Der Zonen-Editor zeigt eine Vorschau deines Displays mit allen vorhandenen Zonen. Die Game Stage (wo dein Spiel läuft) wird als zentraler Bereich dargestellt.

Zonen erstellen

Zum Erstellen ziehen

Am einfachsten erstellst du eine Zone durch Ziehen:

  1. Klicke und halte irgendwo im Vorschaubereich (außerhalb der Game Stage)
  2. Ziehe, um die Größe deiner Zone festzulegen
  3. Lass los, um die Zone zu erstellen
  4. Eine neue Zone erscheint mit einem Standardnamen wie „Zone 1“

Schaltfläche „Zone hinzufügen“

Du kannst auch in der Symbolleiste auf die Schaltfläche + Zone hinzufügen klicken. Damit wird eine neue Zone in Standardgröße erstellt, die du anschließend skalieren und neu positionieren kannst.

Schnellvoreinstellungen

Für gängige Layouts nutzt du die Schnellvoreinstellungen:

  • Links + Rechts – Zwei Zonen auf beiden Seiten der Game Stage
  • Nur links – Eine einzelne Zone links
  • Nur rechts – Eine einzelne Zone rechts
  • Untere Leiste – Horizontale Zone unter der Game Stage
  • L-Form – Linke Zone + untere Zone
  • Rundum – Zonen auf allen vier Seiten

Zonen bearbeiten

Zonen auswählen

Klicke auf eine beliebige Zone, um sie auszuwählen. Ausgewählte Zonen zeigen Anfasspunkte zum Skalieren und ein Eigenschaften-Panel. Du kannst mehrere Zonen auswählen, indem du Shift gedrückt hältst und klickst.

Zonen skalieren

So skalierst du eine Zone:

  1. Wähle die Zone aus
  2. Ziehe an einem der Eck- oder Kanten-Anfasspunkte
  3. Halte beim Ziehen Shift gedrückt, um das Seitenverhältnis beizubehalten
  4. Halte Ctrl gedrückt, um das Einrasten am Raster vorübergehend zu deaktivieren

Zonen verschieben

So verschiebst du eine Zone:

  1. Wähle die Zone aus
  2. Ziehe aus der Mitte (nicht an den Anfasspunkten)
  3. Die Zone rastet an Rasterlinien und den Kanten anderer Zonen ein
  4. Verwende die Pfeiltasten für pixelgenaue Positionierung

Zoneneigenschaften

Jede Zone hat konfigurierbare Eigenschaften:

EigenschaftBeschreibung
NameEin einprägsamer Name wie „Discord“ oder „OBS-Vorschau“
FarbeVisuelle Farbe zur Identifizierung im Editor
Zugewiesene AppWelche App in diese Zone einrasten soll
Browser-URLOptionale URL, die in Browserzonen geöffnet wird
AbdunkelungsstufeWie stark diese Zone im Game Mode abgedunkelt wird (0–100 %)
Auto-StartOb die App automatisch gestartet werden soll

Zonen löschen

So löschst du eine Zone:

  • Wähle die Zone aus und drücke Delete oder Backspace
  • Oder klicke mit der rechten Maustaste auf die Zone und wähle „Zone löschen“
  • Oder klicke im Eigenschaften-Panel der Zone auf die Schaltfläche

Mit Voreinstellungen arbeiten

Voreinstellungen speichern

Sobald du ein Zonenlayout erstellt hast, das dir gefällt, speichere es als Voreinstellung:

  1. Klicke in der Symbolleiste auf Voreinstellung speichern
  2. Gib einen Namen für deine Voreinstellung ein (z. B. „Streaming-Setup“, „Casual Gaming“)
  3. Füge optional eine Beschreibung hinzu
  4. Klicke auf Speichern

Voreinstellungen laden

So lädst du eine gespeicherte Voreinstellung:

  1. Klicke in der Symbolleiste auf Voreinstellung laden
  2. Durchsuche deine gespeicherten Voreinstellungen oder die integrierte Bibliothek
  3. Klicke auf eine Voreinstellung, um eine Vorschau zu sehen
  4. Klicke auf Anwenden, um sie zu verwenden

Voreinstellung vs. aktuelles Layout

Das Laden einer Voreinstellung ersetzt dein aktuelles Zonenlayout. Wenn du ungespeicherte Änderungen hast, fragt Staged, ob du sie zuerst speichern möchtest.

Integrierte Voreinstellungen

Staged enthält Voreinstellungen, die für gängige Anwendungsfälle optimiert sind:

Gamer-Standard

Discord links, YouTube rechts. Perfekt für 4K-TVs und große Monitore.

4K16:9

Streamer Pro

OBS-Vorschau + Chat links, Twitch-Chat rechts. Für Ultrawide optimiert.

Ultrawide21:9

Minimal

Eine einzelne Zone rechts für kurze Blicke. Maximiert den Spielbereich.

Beliebig

Retro 4:3

Zentrierte 4:3-Game-Stage mit Zonen auf beiden Seiten. Ideal für klassische Spiele.

4:3-Spiele

Tipps und Tricks

Rastereinrasten nutzen

Lass das Rastereinrasten für sauberere Layouts aktiviert. Zonen richten sich perfekt aneinander und an den Displaykanten aus. Die Rastergröße kannst du in den Einstellungen anpassen.

Zonen farblich codieren

Verwende Farben, die zu den Apps passen – Blau für Discord, Violett für Twitch, Rot für YouTube. So erkennst du Zonen auf einen Blick.

Browser-URLs festlegen

Lege für Browserzonen bestimmte URLs fest, etwa dein Twitch-Chat-Popout oder eine YouTube-Playlist. Diese öffnen sich automatisch, wenn du ein Spiel startest.

Spielspezifische Voreinstellungen erstellen

Verschiedene Spiele brauchen vielleicht verschiedene Layouts. Erstelle Voreinstellungen für kompetitive Spiele (minimale Ablenkung), Casual-Spiele (mehr sichtbare Apps) und Streaming.

Zonen duplizieren

Um ähnliche Zonen zu erstellen, wähle eine Zone aus und drücke Ctrl + D zum Duplizieren. Die neue Zone übernimmt alle Eigenschaften außer der Position.

Tastenkürzel

TastenkürzelAktion
Ctrl + EZonen-Editor öffnen
Ctrl + NNeue Zone
Ctrl + DAusgewählte Zone duplizieren
DeleteAusgewählte Zone löschen
Ctrl + SVoreinstellung speichern
Ctrl + ZRückgängig
Ctrl + YWiederholen
PfeiltastenAusgewählte Zone um 1 px verschieben
Shift + PfeiltastenAusgewählte Zone um 10 px verschieben

Nächste Schritte

Jetzt, da du weißt, wie man Zonen erstellt, lerne den Game Mode kennen, um zu verstehen, wie Staged die Cursorsperre und Abdunkelung während des Spielens handhabt: