精通 Staged 区域编辑器：打造完美的游戏布局

区域编辑器是 Staged 的核心所在。在这里，你可以把庞大的带鱼屏或多显示器配置，从杂乱无章的桌面，变成一个井井有条的游戏工作区。

为了根据我自己的需求和社区的反馈打磨区域编辑器，我已经投入了数百个小时。这份指南涵盖了从基础概念到进阶技巧的方方面面，让你能像高手一样创建自定义布局。

理解基于区域的显示管理

在深入编辑器之前，我们先来聊聊区域到底是什么，以及它们为什么如此强大。

传统的窗口管理是被动的。你打开一个应用，它会出现在 Windows 临时决定的任何位置，你把它拖到别处，调整大小，也许下次它会记住，也许不会。每次开机都要从重新整理桌面开始。

基于区域的管理是主动的。 你为屏幕的各个区域定义特定用途。应用会吸附到这些区域并固定在那里。打开 Discord？它会进入 Discord 区域。启动 OBS？进入预览区域。开始游戏？进入 Game Stage 区域。

Game Stage 概念

Game Stage 是 Staged 的核心创新。它是一个专属区域，游戏在其中以全屏性能运行，同时在视觉上被限制在该区域内。

它的工作原理：

• 游戏在 Game Stage 区域中启动
• 游戏以为自己运行在独占全屏模式下（原生性能）
• 周围的区域依然可见，显示着 Discord、浏览器等
• 你既能获得全屏性能，又不会失去对其他应用的访问

这解决了带鱼屏游戏的根本问题：高效利用你庞大的屏幕空间，同时不牺牲性能，也无需不停地按 Alt-Tab。

区域 vs Windows 贴靠

Windows 11 有贴靠布局。PowerToys 有 FancyZones。Staged 有何不同？

Windows 贴靠：

• 仅对窗口化的应用有效
• 全屏游戏会占满整个显示器
• 没有 Game Stage 概念
• 需要手动贴靠
• 重启后丢失

PowerToys FancyZones：

• 非常适合桌面应用
• 全屏游戏会完全绕过区域
• 区域是静态范围，无法感知应用
• 没有单游戏配置文件
• 专注于生产力，而非游戏

Staged 区域：

• Game Stage 让游戏在一个区域内以全屏性能运行
• 应用会自动进入指定区域
• 单游戏配置文件（不同游戏使用不同布局）
• 以游戏为核心，集成了直播功能
• 在重启后依然保留

如果你是在整理桌面应用，FancyZones 非常出色。但如果你是在带鱼屏上一边游戏一边显示 Discord/OBS？Staged 正是为此而生。

完美游戏布局的剖析

我们来拆解一下，是什么造就了一个出色的区域布局：

核心组件

1. Game Stage（必需）

• 居中或摆放在舒适的观看位置
• 16:9 比例用于直播（2560x1440 或 1920x1080）
• 21:9，如果你想在游戏内享受完整的带鱼屏
• 足够大以获得沉浸感，但又不至于大到你要转头去看

2. 通讯区域

• Discord、TeamSpeak 或游戏内语音聊天叠加层
• 通常为竖向，宽 300-500px
• 根据个人喜好放在左侧或右侧
• 足够高，能看到最近的聊天消息

3. 监控区域

• 给主播用的 OBS 预览
• 硬件监控（温度、FPS 等）
• 直播时的直播聊天
• 宽 300-500px，放在与通讯区域相对的一侧

4. 工具区域（可选）

• 用于查攻略/Wiki 的浏览器
• 音乐播放器
• 计时器应用
• 任何你偶尔需要的东西

布局原则

对称 vs 不对称

对称布局（区域均匀分布）看起来整洁而平衡。非常适合横向空间充裕的带鱼屏。

不对称布局（区域大小不一）可能更实用。也许你需要一个大的 Discord 区域来应对活跃的聊天，但只需给 OBS 预览留一点点空间。

两者没有谁"更好"——这取决于你的使用场景。

视野方面的考量

你的余光从焦点向两侧大约延伸 90 度。在 21:9 带鱼屏上，你几乎不用转头就能看到整个显示器。而在 32:9 超宽带鱼屏上，你就需要转头了。

把关键信息（Game Stage、Discord 聊天）放在容易看到的位置。不太重要的东西（Spotify、硬件监控）可以放到最外侧的边缘。

竖向 vs 横向区域

大多数区域布局都使用竖向区域（高而窄），原因是：

• 带鱼屏显示器多出来的是横向空间，而非竖向空间
• Discord 和聊天应用是为竖向滚动而设计的
• 游戏通常是 16:9 或 21:9（宽大于高）

但横向区域也非常适合用于：

• 顶部的直播提醒
• 底部的副游戏窗口
• 底部的任务栏（如果你要显示它）

按需自由组合搭配。

区域编辑器深度解析

我们来逐一了解区域编辑器的界面和功能：

打开区域编辑器

启动 Staged，从主菜单点击"Zone Editor"，或者按下热键（默认：Ctrl+Shift+Z）。

你会看到你的显示器以矩形的形式呈现，所有现有区域都被勾勒出来。

创建你的第一个区域

方法 1：点击并拖动

1. 点击"New Zone"按钮
2. 在你的显示器上点击并拖动，以定义区域范围
3. 松开鼠标即可创建区域
4. 属性面板会出现在右侧

方法 2：手动输入

1. 点击"New Zone"
2. 在属性面板中输入精确坐标：
   • X 位置（距左边缘的像素数）
   • Y 位置（距上边缘的像素数）
   • 宽度（像素）
   • 高度（像素）
3. 区域会出现在显示器上

方法 3：预设模板

1. 点击"Load Preset"
2. 选择一个预设布局（Streaming、Competitive、Productivity 等）
3. 所有区域会被自动创建
4. 按需自定义

我建议从一个接近你理想布局的预设开始，然后再做调整。这比从零开始搭建要快。

区域属性

当你选中一个区域时，属性面板会显示：

基本属性：

• Name：描述性名称，如"Discord Zone"或"Game Stage"
• Type：Game Stage、App Zone 或 Utility
• Color：编辑器中的视觉标识（不影响实际使用）

位置与大小：

• X、Y 坐标（左上角）
• 宽度、高度（像素）
• 锁定宽高比开关
• 对齐辅助（贴靠边缘、居中等）

行为：

• Auto-assign apps：应用打开时自动进入该区域
• App list：该区域是为哪些应用准备的（Discord、OBS 等）
• Persistent：该区域在重启后依然记住应用
• Z-order：当区域重叠时，哪个区域显示在"上层"

Game Stage 专属：

• Fullscreen mode：无边框或独占
• Performance mode：优先 FPS 还是画质
• Capture for streaming：让该区域在 OBS 中易于捕获

编辑区域

调整大小：点击并拖动区域的边缘或角落 移动：点击并拖动区域内部 对齐：使用对齐工具贴靠到边缘或中心 复制：复制一个区域，以便更快地创建类似区域 删除：移除区域（如果已分配应用，需要确认）

专业提示：使用键盘方向键进行像素级精准定位。选中一个区域并按方向键，每次移动 1px，或者 Shift+方向键以 10px 为单位跳动。

区域吸附与辅助线

编辑器提供了实用的吸附功能：

• Edge snapping：区域吸附到显示器边缘
• Zone snapping：区域吸附到其他区域的边缘（非常适合平铺）
• Grid snapping：吸附到像素网格（默认 10px，可调整）
• Alignment guides：当区域与其他区域对齐时显示的可视辅助线

用磁铁图标切换吸附功能。拖动时按住 Ctrl 可临时禁用。

多显示器区域管理

如果你有多台显示器：

1. 每台显示器在编辑器中单独显示
2. 在任意显示器上创建区域
3. 通过更改坐标在显示器之间移动区域
4. 跨显示器关联区域（进阶功能）

Game Stage 同一时间只能存在于一台显示器上。应用区域可以存在于任意显示器上。

预设布局详解

Staged 包含若干预设布局。下面是每个布局的设计用途：

Streaming 布局

目标人群：单带鱼屏主播 配置：

• Game Stage：2560x1440 居中（16:9 以实现完美的直播捕获）
• Discord 区域：左侧，宽 440px
• OBS 预览区域：右侧，宽 440px

最适合：从 21:9 带鱼屏进行 Twitch/YouTube 直播

Competitive 布局

目标人群：想要最大化 Game Stage 尺寸的竞技玩家 配置：

• Game Stage：最大尺寸（几乎占满整个显示器）
• 极小的 Discord 区域：一侧的窄条，用于显示语音状态
• 硬件监控：用于显示 FPS/温度的小角落区域

最适合：CS:GO、Valorant、League，以及任何你需要最大屏幕空间的游戏

生产力 + 游戏

目标人群：在同一套设备上既游戏又工作的人 配置：

• Game Stage：占显示器的 60%
• 浏览器区域：占显示器的 40%（用于工作/查资料）
• 小型 Discord 区域叠加层

最适合：把游戏时间与工作/学习混在一起

超宽带鱼屏（32:9）

目标人群：49 英寸 5120x1440 显示器 配置：

• Game Stage：2560x1440 居中
• 左侧两个区域（Discord、聊天）
• 右侧两个区域（OBS、浏览器）

最适合：三星 Odyssey G9 及类似的 32:9 显示器

双显示器游戏

目标人群：主游戏显示器 + 副显示器 配置：

• Game Stage：占满主显示器
• 应用区域：全部放在副显示器上

最适合：传统的双显示器配置，你只想把区域放在副显示器上

你可以直接使用这些预设，也可以把它们当作自定义布局的起点。

创建自定义布局

我们来从零开始搭建一个自定义布局：

示例：21:9 直播布局

显示器：3440x1440 带鱼屏 目标：配备监控工具，做好直播准备

第 1 步：规划布局

把它画出来（真的在纸上画，或者在脑海里）：

• Game Stage：2560x1440（居中）
• Discord：440x1440（左侧）
• OBS + 浏览器：440x1440（右侧），拆分为两个横向区域

第 2 步：创建 Game Stage

1. New Zone
2. Name："Game Stage"
3. Type：Game Stage
4. Position：X=440, Y=0（从左边缘起算 440px）
5. 大小：2560x1440
6. 锁定宽高比：16:9

第 3 步：创建 Discord 区域

1. New Zone
2. Name："Discord"
3. Type：App Zone
4. Position：X=0, Y=0（左边缘）
5. 大小：440x1440
6. Auto-assign：Discord.exe

第 4 步：创建 OBS 预览区域

1. New Zone
2. Name："OBS Preview"
3. Position：X=3000, Y=0（右侧）
4. 大小：440x720（右侧上半部分）
5. Auto-assign：obs64.exe（或 obs-studio）

第 5 步：创建浏览器区域

1. New Zone
2. Name："Browser"
3. Position：X=3000, Y=720
4. 大小：440x720（右侧下半部分）
5. Auto-assign：chrome.exe、firefox.exe

第 6 步：测试与调整

1. 点击"Apply Layout"
2. 启动 Discord——应该会吸附到 Discord 区域
3. 启动一个游戏——应该会进入 Game Stage
4. 打开浏览器——应该会进入浏览器区域
5. 如果哪里感觉局促，就调整尺寸

第 7 步：保存布局

1. 点击"Save Layout As"
2. Name："Streaming Setup"
3. 设为默认（可选）

现在，这个布局会在 Staged 启动时自动加载。

保存与管理配置文件

布局配置文件

你可以保存多个布局配置文件：

• Streaming 布局：用于直播时
• Competitive 布局：尽量减少干扰，最大化 Game Stage
• Casual 布局：更轻松，显示用于查攻略的浏览器
• Desktop 布局：没有 Game Stage，全是用于生产力的应用区域

通过热键或 Staged 托盘菜单在配置文件之间切换。

热键示例：

• Ctrl+Alt+1：加载 Streaming 布局
• Ctrl+Alt+2：加载 Competitive 布局
• Ctrl+Alt+3：加载 Casual 布局

单游戏配置文件

这真是个改变游戏规则的功能（一语双关）。

不同的游戏需要不同的布局：

竞技射击（Valorant）：

• 最大尺寸的 Game Stage
• 极小的 Discord 区域

MMO（最终幻想 XIV）：

• 中等大小的 Game Stage
• 用于公会聊天的大 Discord 区域
• 用于 Wiki/攻略的浏览器区域

剧情向游戏（赛博朋克 2077）：

• 用于沉浸的大 Game Stage
• 极少的区域（也许只放一个音乐播放器）

借助单游戏配置文件：

1. 打开区域编辑器
2. 创建一个针对特定游戏优化的布局
3. 保存为"Valorant Layout"
4. 将其分配给 Valorant.exe
5. 下次启动 Valorant 时，这个布局会自动加载

当你关闭游戏时，你的默认布局会恢复。

设置单游戏配置文件：

1. 区域编辑器 > Profiles 选项卡
2. 点击"New Game Profile"
3. 选择游戏可执行文件（或浏览定位到它）
4. 为这个游戏设计布局
5. 保存配置文件

Staged 会检测到游戏启动，并自动切换布局。当你关闭游戏时，它会还原为你的默认布局。

进阶区域编辑器技巧

重叠区域

区域可以重叠。这在以下场景中很有用：

画中画游戏：

• 大的 Game Stage 区域
• 小的副游戏区域（用于挂机游戏、排队模拟器等）
• 小区域显示在 Game Stage"上层"

提醒与叠加层：

• 全屏的 Game Stage
• 顶部用于直播提醒的小提醒区域
• 提醒区域拥有更高的 Z-order（显示在上层）

在区域属性中设置 Z-order。数字越大 = 越显示在上层。

动态调整区域大小

一些进阶用户会创建可以根据上下文调整大小的区域：

• 当直播应用关闭时，Game Stage 会扩大
• 当 Discord 区域不活跃时，会缩小到仅显示图标的宽度
• 竞技游戏时浏览器区域会完全隐藏

这需要脚本（使用 Staged 的 API），但对于极致优化的配置来说非常强大。

多配置文件工作流

为不同场景串联多个配置文件：

"开始直播"工作流：

1. 加载 Streaming 布局
2. 自动启动 Discord、OBS、浏览器
3. 应用吸附到各自的区域
4. 开始 OBS 直播
5. Rich Presence 更新 Steam 状态

"结束直播"工作流：

1. 停止 OBS 直播
2. 自动切换到 Casual 布局
3. 关闭直播应用
4. Discord 在新位置保持打开

你可以使用 Staged 的配置文件触发器来自动化这些工作流。

用于保持一致的区域模板

如果你要创建多个结构类似的布局：

1. 创建一个包含常用区域的基础模板
2. 保存为模板
3. 新布局可以从该模板继承
4. 按需修改继承来的区域

这能确保各配置文件之间的一致性（Discord 始终 440px 宽，Game Stage 始终 16:9 等）。

常见的区域编辑器错误（以及如何避免）

错误 1：区域太小

把区域做成 200px 宽看似省空间，但应用会变得无法使用。Discord 至少需要 350px 才能不换行地显示用户名。OBS 预览需要 400px 以上才能看清。

解决方法：在确定布局之前，用真实的应用测试区域。

错误 2：Game Stage 没居中

如果你把 Game Stage 摆得太靠左或太靠右，游戏时你会不自觉地歪头。随之而来的就是颈部劳损。

解决方法：把 Game Stage 居中到你主要的观看位置。使用对齐工具确保它真正居中。

错误 3：区域太多

拥有 8 个不同的区域听起来很有条理，实际上却很混乱。你最终会得到一堆又小又没法用的区域。

解决方法：坚持最多 3-5 个区域。专注于你游戏时真正会用到的东西。

错误 4：忽视宽高比

创建一个 2500x1400（非标准比例）的 Game Stage，会导致游戏被怪异地拉伸或显示黑边。

解决方法：使用标准比例——16:9、16:10 或 21:9。在区域属性中启用"Lock Aspect Ratio"。

错误 5：忘记竖向空间

带鱼屏给了你横向空间，但你竖向上依然只有 1440px（或 1080px）。竖向堆叠太多横向区域，会让每个区域都太矮。

解决方法：大多数布局都使用竖向区域（高而窄）。

错误 6：不用游戏测试

一个在编辑器里看起来完美的布局，在你真正游戏时可能会感觉局促。

解决方法：在把任何布局保存为你的日常主力之前，都用真实的游戏测试一遍。

区域编辑器键盘快捷键

精通键盘快捷键能让编辑区域快得多：

通用：

• Ctrl+N：新建区域
• Ctrl+S：保存布局
• Ctrl+Z：撤销
• Ctrl+Y：重做
• Delete：删除所选区域

选择：

• Tab：在区域间循环切换
• Shift+Tab：反向循环切换
• Ctrl+A：选中所有区域
• Escape：取消选择

移动：

• 方向键：移动区域 1px
• Shift+方向键：移动区域 10px
• Ctrl+方向键：把区域移到边缘

调整大小：

• Ctrl+Shift+方向键：调整区域大小 1px
• Alt+Shift+方向键：调整区域大小 10px

对齐：

• Ctrl+L：左对齐
• Ctrl+R：右对齐
• Ctrl+T：顶部对齐
• Ctrl+B：底部对齐
• Ctrl+M：水平居中
• Ctrl+E：垂直居中

视图：

• Ctrl+0：把所有显示器都纳入视图
• Ctrl+Plus：放大
• Ctrl+Minus：缩小
• Space（按住）：平移视图

哪怕只学会其中一半的快捷键，也能让你的编辑速度提升 10 倍。

常见问题

我可以在多台显示器上创建区域吗？

可以。区域编辑器会显示所有已连接的显示器。在任意显示器上创建区域。Game Stage 同一时间只能在一台显示器上，但应用区域可以在任意显示器上。

如果我更换显示器或更改分辨率会怎样？

区域会按比例缩放。如果你在 3440x1440 下创建区域，然后切换到 2560x1080，区域会调整大小以保持相同的相对位置和尺寸。你可能需要微调，但布局不会完全崩溃。

我可以把区域布局分享给朋友吗？

可以。区域布局会保存为 JSON 文件。你可以导出一个布局并分享该文件。其他人可以将它导入到他们的 Staged 安装中。非常适合在社区中分享优化好的布局。

区域能用于不支持无边框窗口模式的游戏吗？

Game Stage 支持独占全屏。游戏会在 Game Stage 区域内以真正的全屏运行。有些游戏可能需要无边框窗口，但大多数都能在独占全屏下工作。

我可以为直播和非直播分别设置不同的区域布局吗？

当然可以。创建一个带 OBS 区域的"Streaming"配置文件，以及一个不带 OBS 区域的"Gaming"配置文件。按需在配置文件之间切换，或者使用触发器，在 OBS 开始直播时自动切换。

区域编辑器正是 Staged 灵活性大放异彩的地方。预设能让你快速上手，但真正的魔法发生在那些针对你确切工作流量身定制的自定义布局之中。

花点时间去尝试。试试不同的区域大小、位置和配置。用真实的游戏和应用去测试。不断打磨，直到它感觉自然。一旦你拥有了完美的布局，在带鱼屏上游戏就会变得毫不费力——一切总是在你预期的位置，无需任何手动窗口管理。

目标不仅仅是整理。而是打造一个优化到极致的游戏环境，好到让你彻底忘记区域的存在，只管尽情享受。

准备好设计你完美的游戏布局了吗？下载 Staged，开始为你的带鱼屏配置创建自定义区域吧。