Modality

Modality creates focus by preventing people from doing other things until they complete a task or dismiss a message or view. Action sheets, alerts, and activity views provide modal experiences. When a modal view appears onscreen, the user must make a choice by tapping a button or otherwise exiting the modal experience. Some apps implement modal views, such as while editing an event in Calendar or choosing a bookmark in Safari. A modal view can occupy the entire screen, an entire parent view, such as a popover, or a portion of the screen. A modal view typically includes completion and cancel buttons that exit the view.

양식은 사람들이 작업을 완료하거나 메시지 또는보기를 닫을 때까지 다른 일을하지 못하도록함으로써 초점을 만듭니다. 활동 시트, 경고 및 활동보기는 모달 경험을 제공합니다. 모달가 화면에 나타나면 사용자는 단추를 누르거나 모달 경험을 종료하여 선택해야합니다. 일부 앱은 캘린더에서 일정을 수정하거나 Safari에서 북마크를 선택하는 등 모달뷰 구현합니다. 모달뷰 전체 화면, 전체 상위보기 (예 : 팝 오버) 또는 화면의 일부를 차지할 수 있습니다. 모달보기에는 일반적으로 를 종료하는 완료 및 취소 단추가 포함됩니다.

Minimize the use of modality. Generally, people prefer to interact with apps in nonlinear ways. Consider creating a modal context only when it’s critical to get someone’s attention, when a task must be completed or abandoned to continue using the app, or to save important data.

양식의 사용을 최소화하십시오. 일반적으로 사람들은 비선형 방식으로 앱과 상호 작용하는 것을 선호합니다. 누군가의주의를 끄는 것이 중요하거나, 응용 프로그램을 계속 사용하거나 중요한 데이터를 저장하기 위해 작업을 완료하거나 포기해야하는 경우에만 모달 컨텍스트를 만드는 것이 좋습니다.

Provide an obvious and safe way to exit a modal task. Make sure people always know the outcome of their action when they dismiss a modal view.

모달 작업을 종료 할 수있는 확실하고 안전한 방법을 제공하십시오. 모달 뷰를 닫을 때 사람들이 항상 자신의 행동 결과를 알도록하십시오.

Keep modal tasks simple, short, and narrowly focused. Don’t create an app within your app. If a modal task is too complex, people can lose sight of the task they suspended when they entered the modal context. Be especially wary of creating modal tasks that involve a hierarchy of views because users can get lost and forget how to retrace their steps. If a modal task must contain subviews, provide a single path through the hierarchy and a clear path to completion. Avoid using Done buttons for things other than completing the task.

모달 작업을 간단하고 짧으며 집중적으로 유지하십시오. 앱 내에 앱을 만들지 마십시오. 모달 작업이 너무 복잡하면 사람들은 모달 컨텍스트에 들어갈 때 일시 중단 된 작업을 놓칠 수 있습니다. 특히 사용자가 길을 잃고 단계를 추적하는 방법을 잊어 버릴 수 있기 때문에 뷰 계층을 포함하는 모달 작업을 만드는 데주의하십시오. 모달 작업에 하위가 포함되어야하는 경우 계층 구조를 통과하는 단일 경로와 완료까지 명확한 경로를 제공하십시오. 작업 완료 이외의 작업에는 완료 버튼을 사용하지 마십시오.

Display a title that identifies a task, if appropriate. You might also provide text in other portions of the view that more fully describes the task or provides guidance.

해당되는 경우 작업을 식별하는 제목을 표시하십시오. 작업을보다 자세히 설명하거나 지침을 제공하는 의 다른 부분에 텍스트를 제공 할 수도 있습니다.

Reserve alerts for delivering essential—and ideally actionable—information. An alert interrupts the experience and requires a tap to dismiss, so it’s important for people to feel that the intrusion is warranted. To learn more, see Alerts.

필수적이고 이상적으로 실행 가능한 정보를 제공하기위한 경고를 준비하십시오. 경고는 경험을 방해하고 탭을 눌러 닫아야하므로 사람들이 침입이 보장된다고 생각하는 것이 중요합니다.

Respect notification preferences. In Settings, people specify how they want to receive notifications from your app. Abide by these preferences so they aren’t tempted to turn off your app’s notifications entirely.

알림 설정을 존중하십시오. 설정에서 사람들은 앱에서 알림 수신 방법을 지정합니다. 이러한 환경 설정에 따라 앱의 알림을 완전히 끄려고 하지 않을 것 입니다.

Don’t display a modal view above a popover. With the possible exception of an alert, nothing should appear over a popover. In rare cases when you need to present a modal view after action is taken in a popover, close the popover before displaying the modal view.

Popover 위에 모달뷰를 표시하지 마십시오. 경고를 제외하고는 Popover에 아무 것도 나타나지 않아야합니다. 드문 경우이지만 Popover에서 액션이 발생하고 나서 모달 뷰를 제시해야하는 경우 모달 뷰를 표시하기 전에 popover를 닫습니다.

Coordinate modal view appearance with your app. A modal view may include a navigation bar, for example. When this is the case, use the same appearance as the navigation bar in your app.

앱과 함께 모달보기 모양 조정 모달에는 예를 들어 navigation bar가포함될 수 있습니다. 이 경우 앱의 navigation bar와 모양이 같습니다.

Choose an appropriate modal view style. You can use any of these styles:

적절한 모달 스타일을 선택하십시오. 다음 스타일 중 하나를 사용할 수 있습니다.

Full screen

Full screen. Covers the entire screen. Use for a potentially complex task that can be completed within the context of the modal view. 전체 화면. 전체 화면을 캡쳐합니다. 모달의 컨텍스트 내에서 완료 될 수있 는 잠재적으로 복잡한 작업에 사용합니다.

Page sheet

Page sheet. Partially covers the underlying content on larger devices held in landscape orientation. All uncovered areas are dimmed to prevent interaction with them. Covers the entire screen on smaller devices and in portrait orientation. Use for a potentially complex task that can be completed within the context of the modal view. 페이지 시트 가로 방향으로 개최되는 대형 기기의 기본 텐츠를 부분적으로 덮습니다. 덮여지지 않은 모든 영역은 상호 작용하지 못하도록 흐리게 표시됩니다. 작은 장치 및 세로 방향으로 전체 화면을가립니다. 모달의 컨텍스트 내에서 완료 될 수있는 잠재적으로 복잡한 작업에 사용합니다.

Form sheet

Form sheet. Appears centered on screen, but may be repositioned if a keyboard is visible. All uncovered areas are dimmed to prevent interaction with them. May cover the entire screen on smaller devices. Use for gathering information. 양식 시트 화면의 중앙에 나타나지만 키보드가 보이면 위치가 변경 될 수 있습니다. 덮여지지 않은 모든 영역은 상호 작용하지 못하도록 흐리게 표시됩니다. 작은 장치에서 전체 화면을 가릴 수 있습니다. 정보 수집에 사용합니다.

Current context

Current context. Appears at the same size as its parent view. Use for displaying modal content within a split view pane, popover, or other view that is not full-screen. 현재 컨텍스트 상위 뷰와 동일한 크기로 나타납니다. 스플릿뷰 창, 팝업 표시 또는 전체 화면이 아닌 다른보기 내에 모달 내용 표시에 사용합니다.

Choose an appropriate transition style for revealing a modal view. Use a transition style that coordinates with your app and enhances the awareness of the temporary context shift. The default transition vertically slides the modal view up from the bottom of the screen and back down once dismissed. The flip-style transition appears to flip a view horizontally to reveal the modal view. Visually, the modal view looks like the back of the current view. It flips back once dismissed. Use consistent modal transition styles throughout your app.

모달뷰를 노출하는데 적절한 전환 스타일 선택하십시오. 앱과 연계하여 임시 컨텍스트 전환에 대한 인식을 높이는 전환 스타일을 사용합니다. 기본 전환은 모달를 화면 하단에서 위로 수직 이동하며, 해제된 후에는 다시 아래로 이동합니다. 플립 스타일 전환은 모달 뷰를 나타기 위해 뷰를 가로로 뒤집는 것처럼 보입니다. 시각적으로 모달뷰는 현재보기의 뒷면과 같습니다. 해제되면 다시 뒤집습니다. 앱 전체에서 일관된 모달 전환 스타일을 사용하십시오.

For modal view developer guidance, see UIViewController and UIPresentationController.

Modality - App Architecture - iOS - Human Interface Guidelines - Apple Developer