오버레이

컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.

오버레이는 정보 표시나 카드, 알림에는 너무 복잡한 작업을 처리해야 하는 포커스가 맞춰진 뷰입니다. 오버레이는 몰입도가 높습니다. 모바일 앱의 기본 사용자 인터페이스와 비슷한 면도 있지만 몇 가지 차이점이 있습니다.

간단한 작업을 실행하는 다른 노출 영역(카드, 정보 표시, 알림)은 사용자가 더 복잡한 작업을 실행할 수 있도록 오버레이에 연결되는 경우가 많습니다.

overlay-flow

오버레이를 더 잘 이해하려면 다음 원칙과 사용 사례를 검토하세요.

오버레이의 UX 원칙

다음 원칙을 염두에 두고 오버레이를 디자인하세요.

집중
사용자가 몇 초 이내로 작업을 완료할 수 있도록 오버레이를 중요한 작업에 집중시켜 인체 공학적 불편감이나 팔의 피로를 방지합니다.
얕은 선형
2단계보다 깊은 계층 구조는 피하세요. 탐색을 인라인으로 표시합니다.
스크롤
뷰는 스크롤할 수 있습니다. 이는 사용자가 시계에서 더 많은 콘텐츠를 볼 수 있는 자연스러운 동작입니다.

오버레이를 사용하는 시점

다음과 같은 상황에서 오버레이를 사용하세요.

추가 정보
사용자가 몇 초 이내로 작업을 완료할 수 있도록 오버레이를 중요한 작업에 집중시켜 인체 공학적 불편감이나 팔의 피로를 방지합니다.
overlay-focus
풍부한 상호작용
정보 표시 또는 카드보다 더 풍부한 상호작용을 제공합니다.
overlay-rich
환경설정 조정
교육 및 환경설정에 대한 액세스를 제공합니다.
overlay-pref

오버레이 빌드

Wear OS는 오버레이를 빌드하는 두 가지 고유한 방법을 지원합니다.

새 Wear OS 앱을 빌드하는 경우 Wear OS용 Compose를 사용하여 오버레이를 구현해 보세요.

대부분의 경우 Compose 기반 UI는 코드를 줄여 전반적인 Android 앱 개발 프로세스의 속도를 높입니다. 선언형 UI 프레임워크의 일반적인 이점에 관한 자세한 내용은 Compose를 사용해야 하는 이유를 참고하세요.

Wear OS용 Compose Material Catalog는 Material 스타일 지정을 따르고 Material 테마 설정도 구현합니다. 따라서 개발자가 브랜드 디자인을 맞춤설정할 수 있습니다. Wear OS용 Compose는 뷰에서 사용할 수 있는 것보다 더 많은 구성요소를 제공하며, Wear OS 디자인 가이드라인을 준수하는 사용자 환경을 만드는 데 도움이 되도록 설계되었습니다.

큰 뷰 기반 코드베이스가 있는 기존 Wear OS 앱이 있다면 전체 코드베이스를 다시 작성할 필요 없이 Compose Interoperability API를 사용하여 Compose를 점진적으로 채택할 수 있습니다.

오버레이 만들기 가이드

Wear UI 라이브러리 사용
Wear UI 라이브러리와 기본 클래스를 가져오는 방법을 알아봅니다.
다양한 시계 모양 처리
원형, 직사각형, 정사각형 Wear OS 기기에서 정상적으로 표시되는 레이아웃을 만드는 방법을 알아봅니다.
단일 화면, 세로 컨테이너, 기타 화면 옵션
오버레이의 가장 일반적인 UI 레이아웃을 구성하는 방법을 알아봅니다.
목록 만들기
웨어러블 기기에 최적화된 목록을 만드는 방법을 알아봅니다.
탐색
Wear OS 앱을 구성하는 방법을 알아봅니다.
전체 화면 활동 종료
전체 화면 활동을 종료하는 방법을 알아봅니다.
확인 표시
사용자가 작업을 완료할 때 확인 애니메이션을 표시하는 방법을 알아봅니다.
대기 모드
앱이 계속 표시되도록 하는 방법을 알아봅니다.
스피커
Wear OS에서 소리를 처리하는 방법을 알아봅니다.