대부분의 Android 앱은 시스템 표시줄, 탐색 영역, 본문으로 칭해지는 여러 영역으로 구성됩니다.
그림 4: Android 앱의 파트: 시스템 표시줄(1), 탐색 영역 (2), 본문 (3)
시스템 표시줄
상태 표시줄과 탐색 메뉴(총칭하여 시스템 표시줄)에는 배터리 수준, 시간, 알림 경고와 같은 중요한 정보가 표시되며 어디서나 직접 기기와 상호작용할 수 있습니다. 시스템 표시줄에 대해 자세히 알아보세요.
그림 5: 시스템 표시줄 (1)
탐색 영역
탐색 영역은 사용자가 앱에서 이동하고, 중요한 작업에 액세스하고, Android 플랫폼의 여러 곳을 이동할 수 있도록 지원하는 각종 어포던스를 나타냅니다.
신체 영역
본문 영역에는 화면 콘텐츠가 포함됩니다. 본문 콘텐츠는 추가적인 그룹 및 레이아웃 파라미터로 구성됩니다. 본문은 탐색 영역과 시스템 표시줄 영역 하단에서 이어져야 합니다.
더 넓은 화면 인셋에 [`WindowCompat.setDecorFitsSystemWindows(window, false)`][5] 를 선언합니다.
레이아웃에 적합한 구성 및 탐색 패턴을 결정하려면 사용자가 콘텐츠와 상호작용하는 방식과 앱의 정보 아키텍처를 탐색하는 방식을 파악해야 합니다. 이러한 이해를 바탕으로 사용자가 조치를 취할 수 있는 UI를 만들어 사용자 중심 디자인을 구현할 수 있습니다.
이 페이지에 나와 있는 콘텐츠와 코드 샘플에는 콘텐츠 라이선스에서 설명하는 라이선스가 적용됩니다. 자바 및 OpenJDK는 Oracle 및 Oracle 계열사의 상표 또는 등록 상표입니다.
최종 업데이트: 2025-08-28(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-08-28(UTC)"],[],[],null,["Most Android apps consist of regions referred to as the [system bars](/design/ui/mobile/guides/foundations/system-bars),\nthe navigation area, and the body.\n**Figure 4:** Parts of an Android app: systems bars (1), navigation area (2), and body (3)\n\nSystem bars\n\nThe status bar and navigation bar--collectively known as the system bars--display\nimportant information such as battery level, the time, and notification alerts,\nand provide direct device interaction from anywhere. Read more about [system\nbars](/design/ui/mobile/guides/foundations/system-bars).\n**Figure 5:** System bars (1)\n\nNavigation region\n\nNavigation represents the different affordances that allow a user to\nnavigate within your app, access important actions, or across the Android\nplatform.\n\nBody region \nThe body region holds the screen content. Body content is composed of additional\ngroupings and layout parameters. It must continue under navigation and system\nbar regions.\n\nDeclare \\[\\`WindowCompat.setDecorFitsSystemWindows(window, false)\\`\\]\\[5\\] for\nedge-to-edge insets.\n\nTo determine the appropriate composition and navigation patterns for your\nlayout, seek to understand how users interact with your content, and how they\nnavigate your app's information architecture. This understanding can guide your\ndesign toward being more user-focused by creating UI that users can act on."]]