---
metadata:
  - name: generator
    content: Diplodoc Platform v5.54.4
alternate:
  - https://yandex.com/dev/games/doc/en/requirements/1/10.md
  - https://yandex.com/dev/games/doc/hi/requirements/1/10.md
  - https://yandex.com/dev/games/doc/ko/requirements/1/10.md
  - https://yandex.com/dev/games/doc/ru/requirements/1/10.md
  - https://yandex.com/dev/games/doc/tr/requirements/1/10.md
  - https://yandex.com/dev/games/doc/vi/requirements/1/10.md
  - https://yandex.com/dev/games/doc/zh/requirements/1/10.md
  - href: zh/requirements/1/10.md
    type: text/markdown
    title: Markdown version
  - href: ../../llms.txt
    type: text/markdown
    title: llms.txt
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com/dev/games/doc/zh/llms.txt

# 正确显示

<!-- source: zh/_includes/script-common.md -->
<!-- source: zh/_includes/script/index-js.md -->

<!-- endsource: zh/_includes/script/index-js.md -->

<!-- source: zh/_includes/script/requirements-js.md -->

<!-- endsource: zh/_includes/script/requirements-js.md -->

<!-- source: zh/_includes/script/image-modal-js.md -->

<!-- endsource: zh/_includes/script/image-modal-js.md -->
<!-- endsource: zh/_includes/script-common.md -->

{% note info "游戏要求第1.10点" %}

游戏正确显示：

1. 活动领域的缩放不超出屏幕范围，元素不会被裁剪。

2. 页面没有浏览器滚动（浏览器窗口的系统滚动条）。但是，可以实现使用游戏手段自定义内容滚动。

3. 内部元素和文本不重叠并且不覆盖其他元素。

4. 可以单手控制游戏，并且总是在主场景中，不需要额外滚动或滑动。在策略游戏、角色扮演游戏和其他具有较大游戏场地的游戏中允许游戏内部场地的移动。

{% endnote %}

## 裁剪和重叠 {#cut-overlap}

为了符合要求，必须满足两个条件：
 - 所有重要元素都清晰可见，每个元素的含义都能理解。
 - 所有元素都易于使用。

**1.10.1**. 如果元素被游戏区域的边界裁剪，这不应影响其可识别性和可点击性，即裁剪应该是[不显著的](#green-cut)。如果元素被[严重地](#red-cut)裁剪，其含义不明显，使用它不便或不可能，那么审查将不允许应用发布或将其从目录中删除。

**1.10.3**. 一个对象覆盖另一个对象是可接受的，只要重叠是[轻微的](#red-overlap)且不影响元素的可读性和可点击性。如果覆盖了某个对象的[显著部分](#green-overlap)面积或这阻碍了读取元素或与之交互，将被拒绝发布。

**不允许覆盖或裁剪**：
 - 按钮；
 - 文本；
 - 重要元素（例如，游戏对象、障碍物、刻度和指示器）；
 - 广告警告。

所有这些元素都必须在所有声明的平台和不同的分辨率上清晰可见且易于阅读。


{% note tip %}

您可以自己[检查游戏](#game-adapt)是否符合这些要求。为此，请在不同设备上打开应用：在笔记本电脑或电脑的不同大小窗口中，在手机的横屏和竖屏模式下。如果想要在没有手机的情况下检查应用的移动版本，请在桌面浏览器中使用开发者工具。

如果您想要在手机上固定[屏幕方向](https://yandex.com/dev/games/doc/zh/console/add-new-game.md#field-orientation)，请在[开发者控制台](https://games.yandex.com/console){.external}进行设置。

{% endnote %}

### 裁剪 {#cut}

#### 严重的 {#red-cut}

如果界面的重要元素被严重裁剪，审查将拒绝发布游戏或将应用删除。如果由于部分隐藏导致：
 - 它不便宜使用；
 - 看不清楚；
 - 难以理解其含义；
 - 裁剪影响对象的可点击性。

<div class="table-50">

#|
|| **截图** | **评论** ||
|| **有裁剪的**

![](../../_images/requirements/1-10-correct-display/cut/cats-no.webp)

**无裁剪的**

![](../../_images/requirements/1-10-correct-display/cut/cats-yes.webp) | 第一个图片显示浏览器窗口裁剪了游戏区域，导致无法与应用程序交互。第二个图片显示可以控制游戏，界面上的所有元素都完全可见。 ||
|| ![](../../_images/requirements/1-10-correct-display/cut/score.webp) | 游戏得分没有完全显示。所有成就都应该清晰可见，易于阅读。 ||
|| ![](../../_images/requirements/1-10-correct-display/cut/add-no.webp) | 按钮的大部分不可见，因此很难理解这个按钮的功能。 ||
|| ![](../../_images/requirements/1-10-correct-display/cut/adv-no.webp) | 广告警告被严重裁剪，难以阅读。 ||
|| ![](../../_images/requirements/1-10-correct-display/cut/buy-no.webp) | 商店按钮只有部分可见，按钮上的文本无法阅读。游戏的部分内容不可访问。 ||
|| ![](../../_images/requirements/1-10-correct-display/cut/images.webp) | 游戏的主要内容——图片，其中一些被严重裁剪。 ||
|| ![](../../_images/requirements/1-10-correct-display/cut/buttons.webp) | 重要按钮只部分可见，其中两个功能不明确。这些按钮将难以使用。 ||
|| ![](../../_images/requirements/1-10-correct-display/cut/buttons-2.webp) | 下方按钮的文字位于屏幕边缘之外，无法阅读。 ||
|| ![](../../_images/requirements/1-10-correct-display/cut/lose-no.webp) | 手机屏幕上放不下输球的文本，难以阅读。 ||
|| ![](../../_images/requirements/1-10-correct-display/cut/answers.webp) | 在问答游戏中，答案选项被严重裁剪，边缘按钮上的文字不可读。 ||
|| ![](../../_images/requirements/1-10-correct-display/cut/crazy-crop.webp) | 一个按钮的大部分和资源数量看不见。 ||
|| ![](../../_images/requirements/1-10-correct-display/cut/start-button.webp) | **开始**按钮看起来很差。 ||
|| ![](../../_images/requirements/1-10-correct-display/cut/visual-novel.webp) | 在视觉小说中，文本被严重裁剪，尽管它是这类游戏的主要内容。 ||
|| ![](../../_images/requirements/1-10-correct-display/cut/texts-cant-be-seen.webp) | 部分隐藏的文本对游戏很重要，但难以阅读。 ||
|| ![](../../_images/requirements/1-10-correct-display/cut/timer-and-achives-no.webp) | 计时器和成就没有完全显示，其中一个按钮超出了屏幕范围。 ||
|#

</div>

#### 不显著的 {#green-cut}

如果界面元素未完全显示，但仍然容易读取且易于使用，则其裁剪将被视为不显著。审查将批准这样的游戏，因为裁剪不会影响界面对象的可点击性。

<div class="table-50">

#|
|| **截图** | **评论** ||
|| ![](../../_images/requirements/1-10-correct-display/cut/joke-ok.webp) | 文本下方的反应没有完全显示，但它们的可理解性和可点击性没有受到裁剪的影响。 ||
|| ![](../../_images/requirements/1-10-correct-display/cut/quiz-ok.webp) | 在问答游戏中，答案表单的边缘被裁剪，但文本没有受损。 ||
|| ![](../../_images/requirements/1-10-correct-display/cut/button-cut-ok.webp) | **重新开始**按钮略有裁剪，但其仍然容易读取且容易点击。 ||
|| ![](../../_images/requirements/1-10-correct-display/cut/cat-girl-ok.webp) | **重新开始** —— 这是一个重要的按钮，但它只是轻微裁剪，因此并没有变得不够清楚或不可点击。 ||
|| ![](../../_images/requirements/1-10-correct-display/cut/game-ended-ok.webp) | 游戏结束的提示没有完全显示，但文本是明白的。 ||
|#

</div>


### 重叠 {#overlap}

#### 严重的 {#red-overlap}

如果对象的重叠恶化了用户体验，审查将从发布中撤下或不允许发布。应用程序应该方便用户使用，所有界面元素都应该清晰可见，其含义应该直观易懂。否则，重叠将影响元素的可点击性并被视为严重。

<div class="table-50">

#|
|| **截图** | **评论** ||
|| ![](../../_images/requirements/1-10-correct-display/overlap/buttons.webp) | 一个按钮的文本被另一个按钮覆盖，无法阅读。 ||
|| ![](../../_images/requirements/1-10-correct-display/overlap/card-is-hidden.webp) | 一张卡片的一半被得分计数器遮挡。重叠严重，因为隐藏部分的信息对游戏过程很重要。 ||
|| ![](../../_images/requirements/1-10-correct-display/overlap/cubes-2048.webp) | 表示广告的图标覆盖了按钮文本，极大地影响其可读性。 ||
|| ![](../../_images/requirements/1-10-correct-display/overlap/description.webp) | 查看广告的按钮完全覆盖了奖励描述。这对用户的动机产生了负面影响。 ||
|| ![](../../_images/requirements/1-10-correct-display/overlap/text-on-text.webp) | 输球屏幕上的文本相互覆盖，难以阅读。 ||
|| ![](../../_images/requirements/1-10-correct-display/overlap/tutorial-on-text.webp) | 游戏资源的描述与游戏场地位于同一层面和背景上。这使得阅读文本变得困难，游戏也不方便进行。 ||
|| ![](../../_images/requirements/1-10-correct-display/overlap/quiz-text-on-text.webp) | 问答游戏中的问题文本自相重叠，变得不可读。在问答游戏中，文本是游戏的主要内容。 ||
|| ![](../../_images/requirements/1-10-correct-display/overlap/menu-and-encounter.webp) | **菜单**按钮的重叠影响了其可访问性。 ||
|#

</div>

#### 不显著的 {#green-overlap}

如果界面的某部分不可见，但该元素仍然显著，并且使用它仍然方便，则审查将批准游戏。界面元素之间的相互重叠不应影响用户与界面的交互。

<div class="table-50">

#|
|| **截图** | **评论** ||
|| ![](../../_images/requirements/1-10-correct-display/overlap/lvls-ok.webp) | 级别按钮相交，但文字可读，交叉不影响可点击性。错误不严重。 ||
|| ![](../../_images/requirements/1-10-correct-display/overlap/next-ok.webp) | **下一个**按钮上的文字部分被覆盖，但其意义直观，且按钮依旧可点击。 ||
|| ![](../../_images/requirements/1-10-correct-display/overlap/images-ok.webp) | 图片部分被覆盖，但文本没有受到影响，所以重叠不妨碍游戏过程。 ||
|| ![](../../_images/requirements/1-10-correct-display/overlap/settings-ok.webp) | 设置按钮部分被覆盖，但这并不影响其清晰度和可点击性。 ||
|| ![](../../_images/requirements/1-10-correct-display/overlap/play-naming-ok.webp) | 游戏名称和启动按钮的文本略微重叠，但两者都易于阅读，按钮依旧方便使用。 ||
|#

</div>

### 游戏适配性检查 {#game-adapt}

为了检查游戏，审核团队会沿垂直、水平和对角线方向拉伸和缩小游戏区域，并在不同设备上更改游戏内的缩放比例。检查时将应用最流行的屏幕分辨率。

{% cut "下载PNG图片进行检查" %}

[![](../../_images/icons/download.svg)</svg> 下载全部 (ZIP, 334 KB)](https://doc-static.yandex.net/src/dev/games/doc/1-10.zip)

{% list tabs %}

- Windows

  * [1280×1024，28.3KB](https://yastatic.net/s3/doc-binary/src/dev/games/ru/files/1280x1024.webp)
  * [1366×768，30.5KB](https://yastatic.net/s3/doc-binary/src/dev/games/ru/files/1366x768.webp)
  * [1600×900，35.8KB](https://yastatic.net/s3/doc-binary/src/dev/games/ru/files/1600х900.webp)
  * [1680×1050，39.1KB](https://yastatic.net/s3/doc-binary/src/dev/games/ru/files/1680x1050.webp)
  * [1920×1080，42.3KB](https://yastatic.net/s3/doc-binary/src/dev/games/ru/files/1920х1080.webp)
  * [1920×1200，46KB](https://yastatic.net/s3/doc-binary/src/dev/games/ru/files/1920x1200.webp)
  * [2560×1080，45.8KB](https://yastatic.net/s3/doc-binary/src/dev/games/ru/files/2560х1080.webp)
  * [2560×1440，45.6KB](https://yastatic.net/s3/doc-binary/src/dev/games/ru/files/2560х1440.webp)
  * [3840×2160，81.1KB](https://yastatic.net/s3/doc-binary/src/dev/games/ru/files/3840х2160.webp)


- macOS

  * [1680×1050，11.7KB](https://yastatic.net/s3/doc-binary/src/dev/games/ru/files/1680x1050-mac.webp)
  * [2560×1600，22.9KB](https://yastatic.net/s3/doc-binary/src/dev/games/ru/files/2560x1600.webp)

{% endlist %}

{% endcut %}

#### 检查逻辑 {#check-logic}

1. 打开游戏窗口，并使其填充至绿色矩形内。它的长宽比应为 16:9。
2. 将浏览器窗口沿各个轴缩小20%（至红色矩形的边缘）。
3. 将浏览器窗口适配至红色矩形内。

如果在这些操作下游戏显示不正常，它将不会被允许发布。

**检查示例**

<div class="table-25">

#|
|| **操作** | **游戏区域** | **评论** ||
|| 减小游戏区域的宽度。 | ![](../../_images/requirements/1-10-correct-display/cut/casino.gif) | 当比例发生变化时，左侧的按钮会被裁剪，导致无法阅读按钮上的标签。 ||
|| 减小游戏区域的高度。 | ![](../../_images/requirements/1-10-correct-display/overlap/cat.webp) | 由于游戏区域的高度较小，屏幕上无法容纳所有重要元素，几乎完全遮挡了玩家的得分和猫头。 ||
|#

</div>

## 滚动和 swipe-to-refresh {#scroll-swipe}

**1.10.2.** 在将游戏提交审核前，请检查游戏中是否有浏览器窗口的系统滚动条或 swipe-to-refresh 功能。您可以在游戏中使用自定义的滚动方式。

### 滚动 {#scroll}

{% note warning %}

在检查时，只需关注系统滚动条。

如何区分滚动类型：

- 浏览器（系统）滚动可以从游戏的任何位置访问，因为是游戏窗口本身在滚动。

- 游戏内滚动是单独滚动游戏内某个元素或菜单。

{% endnote %}

在游戏加载期间检查其是否存在滚动条：

- 在计算机上的浏览器中，缩放范围为80%至125%。如果滚动条出现在指定范围之外，那么这不算是违规。

- 在移动设备上。特点：

  - 在移动设备上，滚动条可能会出现在 sticky-banner 的右侧：退出全屏模式后（特别是在iOS Safari中），sticky-banner 不会缩小，滚动条就会出现。

  - 在游戏加载过程中，滑动操作可能会导致滚动条出现。加载完毕后，它应该消失，或者只保留在 sticky-banner 上。禁用 sticky-banner 后，应该没有滚动条。

### Swipe-to-refresh {#swipe-to-refresh}

swipe-to-refresh 功能的存在被视为违反了浏览器滚动的要求。请确保该功能已被禁用。

<div class="table-50">

#|
|| **游戏** | **发布拒绝原因** ||
||::{align="center"} ![](../../_images/requirements/1-10-correct-display/scroll/swipe-to-refresh.gif) | 游戏中存在 swipe-to-refresh 功能。 ||
|#

</div>

## 联系审查 {#forma}

如果您认为您的游戏在所有声明的平台上显示正确，并且因错误被撤销发布或未被允许发布，请填写下面的表格。

审查质量控制服务将重新检查决定，并在不公平地被封禁的情况下恢复游戏。

<div class="cut-button">

{% cut "打开表单" %}

<div style="padding: 15px;
         margin: 10px 0;
         background: #FFFFFF;
         border-radius: 10px;
         border: 1px solid var(--yc-color-line-generic);">
      <iframe height="400"
              width="100%"
              frameborder="0"
              id="moderation-1-10-form"
              src="https://forms.yandex.com/surveys/13487250.5a13659b18018197b1f339b05e2d4dacc05604a6/?answer_choices_52072484=58850609&iframe=1">
      </iframe>
</div>

{% endcut %}

</div>
