> ## Documentation Index
> Fetch the complete documentation index at: https://devdocs.xbox.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 屏幕区域

> 屏幕区域

本主题介绍在设计应用 UI 时应使用的安全区。

## 屏幕安全区

本主题介绍在为各种显示器和电视设计游戏 UI 时应使用的安全区域。某些电视具有物理边框或可通过配置设置遮挡屏幕最外层边缘。此外，输出屏幕的部分边缘可能会包含系统 UI。

overscan（过扫描）边框区域是屏幕最外层的边缘，其中不应放置任何重要的图形或 UI 元素，因为它们可能被遮挡。

action-safe（动作安全）区是可能被较旧电视（或现代电视上的某些配置设置）遮挡的显示区域，但仍可放置一些动作或图形。

title-safe（标题安全）区是游戏 UI 元素（菜单、标题等）以及对游戏玩法或叙事至关重要的其他内容应渲染到的区域。

### 4K

以 4K 渲染时，action-safe 区为渲染屏幕区域内部的 95%。title-safe 区为渲染屏幕区域内部的 90%。

在 3840 × 2160 屏幕（4K）上，action-safe 区为 3648 × 2052 像素。title-safe 区为 3456 × 1944 像素。

### 1080p

在 1920 × 1080 屏幕（1080p）上，action-safe 区为 1792 × 1016 像素。title-safe 区为 1720 × 1000 像素。

在 action-safe 区内，左右各 32 像素、上下各 8 像素可能包含持久性的系统 UI 元素。该区域不应用于游戏 UI 元素。在 1920 × 1080 屏幕上，title-safe 区为 1720 × 1000 像素。另一种定义 title-safe 区的方式是，其最外层边界距屏幕左右边缘 96 像素，距屏幕上下边缘 40 像素。所有重要内容、文本和 UI 元素都应渲染到 title-safe 区中。

在 1080p 模式下，应用总是以 1080p 渲染。如果需要，最终输出缩放器会将该输出缩放到 720p 或 480p。480p 具有上下水平黑边。

**图 1.  Microsoft Game Development Kit (GDK) 1080p 屏幕区域。**

<img src="https://mintcdn.com/microsoft-4404708b/6hkHc7s12mHcTMCE/images/gdk/features/graphics/safeareas.png?fit=max&auto=format&n=6hkHc7s12mHcTMCE&q=85&s=808861827de70b6e319d15348c2f8bd7" alt="1080p screen areas" width="820" height="465" data-path="images/gdk/features/graphics/safeareas.png" />


## Related topics

- [XBOX GDK 主机开发 NDA 主题索引](/zh-CN/nda/nda-overview.md)
- [游戏串流自定义分辨率最佳实践](/zh-CN/build/core-features/common/game-streaming/game-streaming-custom-resolution-best-practices.md)
- [构建触控的设计师指南](/zh-CN/build/core-features/common/game-streaming/building-touch-layouts/game-streaming-tak-designers-guide.md)
- [XAG 107：输入](/zh-CN/build/game-principles/accessibility/xag-deep-dives/xag-107-input.md)
- [趋势](/zh-CN/services/playfab/data-analytics/learn-data/trends/trends-overview.md)