Der Zonen-Editor ist das Herzstück von Staged. Hier verwandelst du dein riesiges Ultrawide- oder Multi-Monitor-Setup von chaotischem Desktop-Wirrwarr in einen perfekt organisierten Gaming-Arbeitsbereich.

Ich habe Hunderte Stunden damit verbracht, den Zonen-Editor anhand meiner eigenen Bedürfnisse und dem Feedback der Community zu verfeinern. Dieser Guide deckt alles ab – von den Grundkonzepten bis zu fortgeschrittenen Techniken, mit denen du eigene Layouts wie ein Profi erstellst.

Zonenbasiertes Display-Management verstehen

Bevor wir in den Editor eintauchen, lass uns darüber reden, was Zonen eigentlich sind und warum sie so mächtig sind.

Traditionelles Fenster-Management ist reaktiv. Du öffnest eine App, sie erscheint irgendwo, wo Windows sich gerade entscheidet, du ziehst sie woanders hin, änderst die Größe, vielleicht merkt sie sich das beim nächsten Mal, vielleicht auch nicht. Jede Session fängt damit an, deinen Desktop neu zu organisieren.

Zonenbasiertes Management ist proaktiv. Du definierst Bereiche deines Bildschirms (Zonen) mit bestimmten Zwecken. Apps snappen in diese Zonen und bleiben dort. Discord geöffnet? Es geht in die Discord-Zone. OBS gestartet? Preview-Zone. Game gestartet? Game-Stage-Zone.

Das Game-Stage-Konzept

Die Game Stage ist Stageds Kerninnovation. Es ist eine dedizierte Zone, in der Games mit Fullscreen-Performance laufen, während sie visuell auf diese Zone beschränkt bleiben.

So funktioniert es:

Das Game startet in der Game-Stage-Zone
Das Game denkt, es läuft im exklusiven Fullscreen (native Performance)
Die umliegenden Zonen bleiben sichtbar mit Discord, Browser usw.
Du bekommst Fullscreen-Performance, ohne den Zugriff auf andere Apps zu verlieren

Das löst das grundlegende Problem von Ultrawide-Gaming: deinen riesigen Bildschirmplatz effektiv zu nutzen, ohne Performance zu opfern oder ständig Alt-Tab zu drücken.

Zonen vs. Windows Snap

Windows 11 hat Snap Layouts. PowerToys hat FancyZones. Wie unterscheidet sich Staged?

Windows Snap:

Funktioniert nur mit Apps im Fenstermodus
Games im Fullscreen übernehmen das gesamte Display
Kein Game-Stage-Konzept
Manuelles Snappen erforderlich
Geht beim Neustart verloren

PowerToys FancyZones:

Großartig für Desktop-Apps
Games im Fullscreen umgehen die Zonen komplett
Zonen sind statische Bereiche, nicht app-bewusst
Keine Pro-Game-Profile
Auf Produktivität fokussiert, nicht auf Gaming

Staged Zonen:

Die Game Stage lässt Games mit Fullscreen-Performance in einer Zone laufen
Apps gehen automatisch in zugewiesene Zonen
Pro-Game-Profile (unterschiedliche Layouts für unterschiedliche Games)
Gaming-fokussiert mit Streaming-Integrationen
Bleiben über Neustarts hinweg erhalten

Wenn du Desktop-Apps organisierst, ist FancyZones exzellent. Wenn du auf Ultrawide mit sichtbarem Discord/OBS zockst? Staged ist genau dafür gebaut.

Anatomie eines perfekten Gaming-Layouts

Lass uns aufschlüsseln, was ein großartiges Zonen-Layout ausmacht:

Kernkomponenten

1. Game Stage (Erforderlich)

Zentriert oder für bequemes Sehen positioniert
16:9-Verhältnis fürs Streaming (2560x1440 oder 1920x1080)
21:9, wenn du volles Ultrawide im Game willst
Groß genug für Immersion, aber nicht so groß, dass du den Kopf drehen musst

2. Kommunikationszone

Discord, TeamSpeak oder In-Game-Voice-Chat-Overlay
Meist vertikal, 300-500px breit
Linke oder rechte Seite, je nach Vorliebe
Hoch genug, um aktuelle Chat-Nachrichten zu sehen

3. Monitoring-Zone

OBS-Preview für Streamer
Hardware-Monitore (Temperaturen, FPS usw.)
Stream-Chat, wenn du streamst
300-500px breit, gegenüberliegende Seite der Kommunikation

4. Utility-Zone (Optional)

Browser für Guides/Wikis
Musik-Player
Timer-Apps
Was auch immer du gelegentlich brauchst

Layout-Prinzipien

Symmetrie vs. Asymmetrie

Symmetrische Layouts (Zonen gleichmäßig verteilt) sehen sauber und ausgewogen aus. Großartig für Ultrawide, wo du viel horizontalen Platz hast.

Asymmetrische Layouts (Zonen unterschiedlicher Größe) können funktionaler sein. Vielleicht brauchst du eine große Discord-Zone für aktiven Chat, aber minimalen Platz für die OBS-Preview.

Keines ist "besser" – es hängt von deinem Use Case ab.

Sichtfeld-Überlegungen

Dein peripheres Sehen reicht etwa 90 Grad horizontal von deinem Fokuspunkt aus. Auf einem 21:9-Ultrawide kannst du das gesamte Display mit minimaler Kopfbewegung sehen. Auf einem 32:9-Super-Ultrawide musst du den Kopf drehen.

Positioniere kritische Infos (Game Stage, Discord-Chat) gut im Blickfeld. Weniger Wichtiges (Spotify, Hardware-Monitore) kann an die äußeren Ränder.

Vertikale vs. horizontale Zonen

Die meisten Zonen-Layouts nutzen vertikale Zonen (hoch und schmal), weil:

Ultrawide-Displays überschüssigen horizontalen Platz haben, keinen vertikalen
Discord und Chat-Apps für vertikales Scrollen ausgelegt sind
Games typischerweise 16:9 oder 21:9 sind (breiter als hoch)

Aber horizontale Zonen funktionieren super für:

Stream-Alerts oben
Sekundäres Game-Fenster unten
Taskleiste unten (falls du sie anzeigst)

Mische und kombiniere nach Bedarf.

Zonen-Editor im Detail

Lass uns durch die Oberfläche und die Features des Zonen-Editors gehen:

Den Zonen-Editor öffnen

Starte Staged und klicke "Zonen-Editor" im Hauptmenü, oder drücke den Hotkey (Standard: Ctrl+Shift+Z).

Du siehst dein Display bzw. deine Displays als Rechtecke dargestellt, mit allen vorhandenen Zonen umrissen.

Deine erste Zone erstellen

Methode 1: Klicken und Ziehen

Klicke den "New Zone"-Button
Klicke und ziehe auf deinem Display, um den Zonenbereich zu definieren
Loslassen, um die Zone zu erstellen
Das Eigenschaften-Panel erscheint rechts

Methode 2: Manuelle Eingabe

Klicke "New Zone"
Gib im Eigenschaften-Panel exakte Koordinaten ein:
- X-Position (Pixel vom linken Rand)
- Y-Position (Pixel vom oberen Rand)
- Breite in Pixeln
- Höhe in Pixeln
Die Zone erscheint auf dem Display

Methode 3: Preset-Vorlagen

Klicke "Load Preset"
Wähle ein Preset-Layout (Streaming, Competitive, Productivity usw.)
Alle Zonen werden automatisch erstellt
Passe nach Bedarf an

Ich empfehle, mit einem Preset zu starten, das deinem gewünschten Layout nahekommt, und es dann anzupassen. Schneller als von Grund auf zu bauen.

Zonen-Eigenschaften

Wenn du eine Zone auswählst, zeigt das Eigenschaften-Panel:

Grundeigenschaften:

Name: Beschreibender Name wie "Discord Zone" oder "Game Stage"
Type: Game Stage, App Zone oder Utility
Color: Visueller Indikator im Editor (beeinflusst nicht die tatsächliche Nutzung)

Position und Größe:

X-, Y-Koordinaten (obere linke Ecke)
Breite, Höhe in Pixeln
Seitenverhältnis-sperren-Schalter
Ausrichtungshilfen (an Ränder snappen, zentrieren usw.)

Verhalten:

Auto-assign apps: Apps gehen beim Öffnen automatisch in diese Zone
App list: Für welche Apps diese Zone gedacht ist (Discord, OBS usw.)
Persistent: Die Zone merkt sich Apps auch nach Neustart
Z-order: Welche Zone "oben" erscheint, wenn sich Zonen überlappen

Game-Stage-spezifisch:

Fullscreen mode: Borderless oder exklusiv
Performance mode: FPS oder Qualität priorisieren
Capture for streaming: Diese Zone leicht in OBS erfassbar machen

Zonen bearbeiten

Größe ändern: Zonenränder oder -ecken klicken und ziehen Verschieben: In das Zoneninnere klicken und ziehen Ausrichten: Ausrichtungswerkzeuge nutzen, um an Ränder oder Mitte zu snappen Duplizieren: Eine Zone kopieren, um ähnliche Zonen schneller zu erstellen Löschen: Zone entfernen (erfordert Bestätigung, wenn Apps zugewiesen sind)

Pro-Tipp: Nutze die Pfeiltasten für pixelgenaue Positionierung. Wähle eine Zone und drücke die Pfeiltasten, um sie 1px auf einmal zu verschieben, oder Shift+Pfeil für 10px-Sprünge.

Zonen-Snapping und Hilfslinien

Der Editor bietet hilfreiches Snapping:

Edge snapping: Zonen snappen an Display-Ränder
Zone snapping: Zonen snappen an andere Zonenränder (großartig fürs Kacheln)
Grid snapping: An Pixelraster snappen (Standard 10px, anpassbar)
Alignment guides: Visuelle Linien, wenn Zonen mit anderen fluchten

Schalte Snapping mit dem Magnet-Symbol um. Vorübergehend deaktivieren, indem du Ctrl beim Ziehen hältst.

Multi-Display-Zonen-Management

Wenn du mehrere Monitore hast:

Jedes Display erscheint separat im Editor
Erstelle Zonen auf jedem Display
Verschiebe Zonen zwischen Displays, indem du Koordinaten änderst
Verknüpfe Zonen über Displays hinweg (Advanced-Feature)

Die Game Stage kann nur auf einem Display gleichzeitig existieren. App-Zonen können auf jedem Display existieren.

Preset-Layouts erklärt

Staged enthält mehrere Preset-Layouts. Hier ist, wofür jedes gedacht ist:

Streaming-Layout

Ziel: Einzelne Ultrawide-Streamer Konfiguration:

Game Stage: 2560x1440 zentriert (16:9 für perfekte Stream-Erfassung)
Discord-Zone: Linke Seite, 440px breit
OBS-Preview-Zone: Rechte Seite, 440px breit

Am besten für: Twitch/YouTube-Streaming vom 21:9-Ultrawide

Competitive-Layout

Ziel: Competitive-Gamer, die maximale Game-Stage-Größe wollen Konfiguration:

Game Stage: Maximale Größe (fast volles Display)
Minimale Discord-Zone: Schmaler Streifen an einer Seite für Voice-Status
Hardware-Monitor: Kleine Eck-Zone für FPS/Temperaturen

Am besten für: CS:GO, Valorant, League, jedes Game, wo du maximalen Bildschirmplatz brauchst

Produktivität + Gaming

Ziel: Leute, die auf demselben Setup zocken und arbeiten Konfiguration:

Game Stage: 60% des Displays
Browser-Zone: 40% des Displays (für Arbeit/Recherche)
Kleines Discord-Zonen-Overlay

Am besten für: Gaming-Sessions mit Arbeit/Lernen mischen

Super Ultrawide (32:9)

Ziel: 49"-5120x1440-Displays Konfiguration:

Game Stage: 2560x1440 zentriert
Zwei Zonen links (Discord, Chat)
Zwei Zonen rechts (OBS, Browser)

Am besten für: Samsung Odyssey G9 und ähnliche 32:9-Monitore

Dual-Monitor-Gaming

Ziel: Primäres Gaming-Display + sekundärer Monitor Konfiguration:

Game Stage: Volles primäres Display
App-Zonen: Alle auf dem sekundären Display

Am besten für: Klassische Dual-Monitor-Setups, bei denen du Zonen nur auf dem sekundären willst

Du kannst diese unverändert nutzen oder als Ausgangspunkt für eigene Layouts.

Eigene Layouts erstellen

Lass uns ein eigenes Layout von Grund auf bauen:

Beispiel: 21:9-Streaming-Layout

Display: 3440x1440 Ultrawide Ziel: Stream-bereit mit Monitoring-Tools

Schritt 1: Das Layout planen

Skizziere es (buchstäblich auf Papier oder im Kopf):

Game Stage: 2560x1440 (Mitte)
Discord: 440x1440 (links)
OBS + Browser: 440x1440 (rechts), aufgeteilt in zwei horizontale Zonen

Schritt 2: Game Stage erstellen

New Zone
Name: "Game Stage"
Type: Game Stage
Position: X=440, Y=0 (Beginn 440px vom linken Rand)
Größe: 2560x1440
Seitenverhältnis sperren: 16:9

Schritt 3: Discord-Zone erstellen

New Zone
Name: "Discord"
Type: App Zone
Position: X=0, Y=0 (linker Rand)
Größe: 440x1440
Auto-assign: Discord.exe

Schritt 4: OBS-Preview-Zone erstellen

New Zone
Name: "OBS Preview"
Position: X=3000, Y=0 (rechte Seite)
Größe: 440x720 (obere Hälfte der rechten Seite)
Auto-assign: obs64.exe (oder obs-studio)

Schritt 5: Browser-Zone erstellen

New Zone
Name: "Browser"
Position: X=3000, Y=720
Größe: 440x720 (untere Hälfte der rechten Seite)
Auto-assign: chrome.exe, firefox.exe

Schritt 6: Testen und anpassen

Klicke "Apply Layout"
Starte Discord – sollte in die Discord-Zone snappen
Starte ein Game – sollte in die Game Stage gehen
Öffne den Browser – sollte in die Browser-Zone gehen
Passe Größen an, falls etwas beengt wirkt

Schritt 7: Layout speichern

Klicke "Save Layout As"
Name: "Streaming Setup"
Als Standard festlegen (optional)

Jetzt lädt dieses Layout automatisch beim Staged-Start.

Profile speichern und verwalten

Layout-Profile

Du kannst mehrere Layout-Profile speichern:

Streaming-Layout: Für wenn du streamst
Competitive-Layout: Minimale Ablenkungen, maximale Game Stage
Casual-Layout: Entspannter, Browser für Guides sichtbar
Desktop-Layout: Keine Game Stage, alle App-Zonen für Produktivität

Wechsle zwischen Profilen mit Hotkeys oder dem Staged-Tray-Menü.

Hotkey-Beispiel:

Ctrl+Alt+1: Streaming-Layout laden
Ctrl+Alt+2: Competitive-Layout laden
Ctrl+Alt+3: Casual-Layout laden

Pro-Game-Profile

Das ist ein Game-Changer (Wortspiel beabsichtigt).

Unterschiedliche Games brauchen unterschiedliche Layouts:

Competitive Shooter (Valorant):

Game Stage in maximaler Größe
Minimale Discord-Zone

MMO (Final Fantasy XIV):

Mittlere Game Stage
Große Discord-Zone für Gilden-Chat
Browser-Zone für Wiki/Guides

Story-getriebenes Game (Cyberpunk 2077):

Große Game Stage für Immersion
Minimale Zonen (vielleicht nur ein Musik-Player)

Mit Pro-Game-Profilen:

Öffne den Zonen-Editor
Erstelle ein Layout, das für ein bestimmtes Game optimiert ist
Speichere als "Valorant Layout"
Weise es Valorant.exe zu
Beim nächsten Start von Valorant lädt dieses Layout automatisch

Wenn du das Game schließt, wird dein Standard-Layout wiederhergestellt.

Pro-Game-Profile einrichten:

Zonen-Editor > Profiles-Tab
Klicke "New Game Profile"
Wähle die Game-Executable (oder navigiere dazu)
Gestalte das Layout für dieses Game
Speichere das Profil

Staged erkennt, wann das Game startet, und wechselt das Layout automatisch. Wenn du das Game schließt, kehrt es zu deinem Standard-Layout zurück.

Fortgeschrittene Zonen-Editor-Techniken

Überlappende Zonen

Zonen können sich überlappen. Das ist nützlich für:

Picture-in-Picture-Gaming:

Große Game-Stage-Zone
Kleine sekundäre Game-Zone (für Idle-Game, Queue-Simulator usw.)
Die kleine Zone erscheint "über" der Game Stage

Alerts und Overlays:

Vollbild-Game-Stage
Kleine Alert-Zone oben für Stream-Alerts
Die Alert-Zone hat eine höhere Z-Order (erscheint oben)

Stelle die Z-Order in den Zonen-Eigenschaften ein. Höhere Zahl = erscheint oben.

Dynamisches Anpassen der Zonengröße

Manche fortgeschrittenen Nutzer erstellen Zonen, die ihre Größe je nach Kontext ändern:

Die Game Stage erweitert sich, wenn Streaming-Apps geschlossen werden
Die Discord-Zone minimiert sich auf Icon-Breite, wenn sie nicht aktiv ist
Die Browser-Zone verschwindet komplett beim Competitive-Gaming

Das erfordert Scripting (mit Stageds API), ist aber mächtig für ultra-optimierte Setups.

Multi-Profil-Workflows

Verkette Profile für verschiedene Kontexte:

"Stream starten"-Workflow:

Streaming-Layout laden
Discord, OBS, Browser automatisch starten
Apps snappen in ihre Zonen
OBS-Streaming starten
Rich Presence aktualisiert den Steam-Status

"Stream beendet"-Workflow:

OBS-Stream stoppen
Automatisch zum Casual-Layout wechseln
Streaming-Apps schließen
Discord bleibt an neuer Position geöffnet

Du kannst diese Workflows mit Stageds Profil-Triggern automatisieren.

Zonen-Vorlagen für Konsistenz

Wenn du mehrere Layouts mit ähnlichen Strukturen erstellst:

Erstelle eine Basisvorlage mit gemeinsamen Zonen
Speichere als Vorlage
Neue Layouts können von der Vorlage erben
Modifiziere die geerbten Zonen nach Bedarf

Das stellt Konsistenz über Profile hinweg sicher (Discord immer 440px breit, Game Stage immer 16:9 usw.).

Häufige Zonen-Editor-Fehler (und wie du sie vermeidest)

Fehler 1: Zonen zu klein

Zonen 200px breit zu machen scheint Platz zu sparen, aber Apps werden unbrauchbar. Discord braucht mindestens 350px, um Benutzernamen ohne Umbruch anzuzeigen. Die OBS-Preview braucht 400px+, um lesbar zu sein.

Lösung: Teste Zonen mit echten Apps, bevor du dich auf das Layout festlegst.

Fehler 2: Game Stage nicht zentriert

Wenn du die Game Stage zu weit links oder rechts positionierst, neigst du beim Zocken natürlich den Kopf. Nackenverspannungen folgen.

Lösung: Zentriere die Game Stage auf deine primäre Sehposition. Nutze Ausrichtungswerkzeuge, um sicherzustellen, dass sie wirklich zentriert ist.

Fehler 3: Zu viele Zonen

8 verschiedene Zonen zu haben klingt organisiert, ist aber tatsächlich chaotisch. Du endest mit winzigen, unbrauchbaren Zonen.

Lösung: Bleibe bei maximal 3-5 Zonen. Konzentriere dich auf das, was du beim Zocken tatsächlich nutzt.

Fehler 4: Seitenverhältnisse ignorieren

Eine Game Stage mit 2500x1400 (kein Standardverhältnis) zu erstellen, führt dazu, dass Games seltsam gestreckt werden oder schwarze Balken zeigen.

Lösung: Nutze Standardverhältnisse – 16:9, 16:10 oder 21:9. Aktiviere "Lock Aspect Ratio" in den Zonen-Eigenschaften.

Fehler 5: Den vertikalen Platz vergessen

Ultrawide gibt dir horizontalen Platz, aber du hast immer noch nur 1440px (oder 1080px) vertikal. Zu viele horizontale Zonen vertikal zu stapeln macht jede Zone zu niedrig.

Lösung: Nutze vertikale Zonen (hoch und schmal) für die meisten Layouts.

Fehler 6: Nicht mit Games testen

Ein Layout, das im Editor perfekt aussieht, kann beim tatsächlichen Zocken beengt wirken.

Lösung: Teste jedes Layout mit echten Games, bevor du es als deinen Daily Driver speicherst.

Zonen-Editor-Tastenkürzel

Tastenkürzel zu meistern macht das Bearbeiten von Zonen VIEL schneller:

Allgemein:

Ctrl+N: Neue Zone
Ctrl+S: Layout speichern
Ctrl+Z: Rückgängig
Ctrl+Y: Wiederholen
Delete: Ausgewählte Zone löschen

Auswahl:

Tab: Durch Zonen wechseln
Shift+Tab: Rückwärts wechseln
Ctrl+A: Alle Zonen auswählen
Escape: Auswahl aufheben

Bewegung:

Pfeiltasten: Zone 1px verschieben
Shift+Pfeile: Zone 10px verschieben
Ctrl+Pfeile: Zone an Rand verschieben

Größe ändern:

Ctrl+Shift+Pfeil: Zone um 1px verändern
Alt+Shift+Pfeil: Zone um 10px verändern

Ausrichtung:

Ctrl+L: Links ausrichten
Ctrl+R: Rechts ausrichten
Ctrl+T: Oben ausrichten
Ctrl+B: Unten ausrichten
Ctrl+M: Horizontal zentrieren
Ctrl+E: Vertikal zentrieren

Ansicht:

Ctrl+0: Alle Displays in die Ansicht einpassen
Ctrl+Plus: Hineinzoomen
Ctrl+Minus: Herauszoomen
Space (halten): Ansicht verschieben

Schon die Hälfte dieser Shortcuts zu lernen, vervielfacht deine Bearbeitungsgeschwindigkeit.

Häufig gestellte Fragen

Kann ich Zonen auf mehreren Monitoren erstellen?

Ja. Der Zonen-Editor zeigt alle angeschlossenen Displays. Erstelle Zonen auf jedem Display. Die Game Stage kann nur auf einem Display gleichzeitig sein, aber App-Zonen können auf jedem Display sein.

Was passiert, wenn ich mein Display ändere oder die Auflösung wechsle?

Zonen skalieren proportional. Wenn du Zonen bei 3440x1440 erstellst und auf 2560x1080 wechselst, ändern die Zonen ihre Größe, um dieselben relativen Positionen und Größen beizubehalten. Du musst eventuell nachjustieren, aber das Layout bricht nicht komplett zusammen.

Kann ich Zonen-Layouts mit Freunden teilen?

Ja. Zonen-Layouts werden als JSON-Dateien gespeichert. Du kannst ein Layout exportieren und die Datei teilen. Andere können es in ihre Staged-Installation importieren. Großartig, um optimierte Layouts mit Communities zu teilen.

Funktionieren Zonen mit Games, die keinen Borderless Windowed Mode unterstützen?

Die Game Stage unterstützt exklusiven Fullscreen. Das Game läuft im echten Fullscreen innerhalb der Game-Stage-Zone. Manche Games erfordern eventuell Borderless Windowed, aber die meisten funktionieren im exklusiven Fullscreen.

Kann ich unterschiedliche Zonen-Layouts fürs Streaming vs. Nicht-Streaming haben?

Absolut. Erstelle ein "Streaming"-Profil mit OBS-Zonen und ein "Gaming"-Profil ohne sie. Wechsle zwischen Profilen nach Bedarf, oder nutze Trigger, um automatisch zu wechseln, wenn OBS zu streamen beginnt.

Der Zonen-Editor ist der Ort, an dem Stageds Flexibilität glänzt. Presets bringen dich schnell zum Start, aber eigene Layouts, die auf deinen exakten Workflow zugeschnitten sind, sind der Ort, wo die Magie passiert.

Nimm dir Zeit zum Experimentieren. Probiere verschiedene Zonengrößen, Positionen und Konfigurationen aus. Teste mit echten Games und Apps. Verfeinere, bis es sich natürlich anfühlt. Sobald du das perfekte Layout hast, wird Gaming auf Ultrawide mühelos – alles ist immer da, wo du es erwartest, ohne manuelles Fenster-Management.

Das Ziel ist nicht nur Organisation. Es geht darum, eine Gaming-Umgebung zu schaffen, die so gut optimiert ist, dass du die Zonen komplett vergisst und einfach das Erlebnis genießt.

Bereit, dein perfektes Gaming-Layout zu gestalten? Lade Staged herunter und beginne, eigene Zonen für dein Ultrawide-Setup zu erstellen.

Staged Zonen-Editor meistern: Perfekte Gaming-Layouts erstellen