TV 화면은 일반적으로 3m 정도 떨어져서 봅니다. TV 화면은 다른 대부분의 Android 지원 기기 화면보다 크기가 훨씬 크지만 작은 기기 화면에 비해 디테일과 색상의 정확도가 떨어집니다. 이러한 요인 때문에 유용하고 즐거운 거실 사용자 환경을 제공하려면 TV 기기를 염두에 두고 앱 레이아웃을 만들어야 합니다.
기본 레이아웃 원칙
TV 기기용 레이아웃은 대형 화면에서 사용 가능하고 효과적인지 확인하기 위해 몇 가지 기본 가이드라인을 따라야 합니다. 다음 팁에 따라 TV 화면에 최적화된 레이아웃을 빌드하세요.
- 가로 방향 레이아웃 빌드. TV 화면은 항상 가로 모드로 표시됩니다.
- 화면 왼쪽이나 오른쪽에 화면 탐색 컨트롤을 배치하고 세로 공간은 콘텐츠용으로 남겨 둡니다.
- 사용자 인터페이스가 다양한 디스플레이 해상도에서 깔끔하게 확장되도록 반응형 및 상대적 크기 조정 (예:
dp및sp단위)을 사용합니다. - 레이아웃 컨트롤 사이에 충분한 여백과 패딩을 두어서 UI가 어수선하지 않게 합니다.
오버스캔
TV용 레이아웃은 시청자에게 전체 화면 사진을 제공하기 위해 TV 표준이 발전함에 따라 몇 가지 고유한 요구사항이 있습니다. 이러한 이유로 TV 기기는 전체 디스플레이가 채워지도록 앱 레이아웃의 바깥쪽 가장자리를 자를 수 있습니다. 이러한 동작을 일반적으로 오버스캔 이라고 합니다.
사용자에게 항상 표시되어야 하는 화면 요소를 오버스캔 방지 영역 내에 배치합니다. 레이아웃의 왼쪽 및 오른쪽 가장자리에 48dp, 위쪽 및 아래쪽 가장자리에 27dp로 여백을 5% 늘리면 레이아웃의 화면 요소가 오버스캔 방지 영역 내에 있게 됩니다.
사용자가 직접 상호작용하지 않는 백그라운드 화면 요소를 조정하거나 오버스캔 방지 영역에 맞게 자르지 마세요. 이 접근 방식을 사용하면 백그라운드 화면 요소가 모든 화면에서 올바르게 표시됩니다.
사용 가능한 텍스트 및 컨트롤 빌드
다음 팁에 따라 TV 앱의 텍스트와 컨트롤을 멀리서도 더 쉽게 볼 수 있도록 하세요.
- 사용자가 쉽게 스캔할 수 있는 작은 덩어리로 텍스트를 나눕니다.
- 어두운 배경에 밝은 텍스트를 사용합니다. TV에서는 이 스타일이 읽기 쉽습니다.
- 가벼운 글꼴이나 획이 매우 좁거나 매우 넓은 글꼴은 피하세요. 산세리프 글꼴과 앤티앨리어싱을 사용하여 가독성을 높입니다.
- 화면에서 3m 정도 떨어져 앉은 사람이 명확하게 볼 수 있을 만큼 모든 뷰 위젯을 크게 만듭니다. 절대 픽셀 단위 대신 밀도 독립형 픽셀 (
dp) 단위를 사용하고 타이포그래피에는 확장 가능한 픽셀 (sp) 단위를 사용합니다.
밀도 독립형 픽셀과 큰 화면 크기를 처리하는 레이아웃 빌드에 관한 자세한 내용은 화면 호환성 개요를 참고하세요.
TV 레이아웃 리소스 관리
다른 모든 Android 기기와 마찬가지로 TV는 화면 크기가 다양하며 720p, 1080p, 4K를 비롯한 다양한 해상도를 지원합니다. 앱이 다양한 화면 크기를 지원하는지 확인하세요.
화면 크기와 해상도가 다르면 픽셀 밀도도 다릅니다. 화면 크기, 해상도, 픽셀 밀도 전반에서 UI의 모양을 유지하려면 밀도 독립형 픽셀 (dp)을 사용하여 UI 측정값을 정의합니다. 다양한 TV 패널 해상도의 화면 픽셀 밀도는 다음 표에 나와 있습니다.
| 패널 해상도 | 화면 픽셀 밀도 |
|---|---|
| 720p | tvdpi |
| 1080p | xhdpi |
| 4K | xxxhdpi |
자세한 내용은 다양한 픽셀 밀도 지원 및 화면 호환성 개요를 참고하세요.
피해야 할 레이아웃 패턴
TV 기기에서 제대로 작동하지 않는 레이아웃을 빌드하는 방법은 몇 가지가 있습니다. TV용 레이아웃을 개발할 때는 다음 사용자 인터페이스 패턴을 피하세요.
- 휴대전화 또는 태블릿 레이아웃 재사용: 수정하지 않고 휴대전화 또는 태블릿 앱의 레이아웃을 재사용하지 마세요. 다른 Android 지원 기기 폼 팩터용으로 빌드된 레이아웃은 TV 기기에 적합하지 않으므로 TV에서 작동하도록 간소화해야 합니다.
- 휴대전화 작업 표시줄 또는 메뉴 사용: 상단 작업 표시줄과 풀다운 메뉴 는 리모컨으로 이러한 메뉴를 탐색하기 어려우므로 TV 인터페이스에 적합하지 않습니다.
- 스와이프 전용 탐색 사용: 화면 간 슬라이드 또는 스와이프는 휴대전화 또는 태블릿에서 잘 작동하지만 사용자가 D패드 리모컨을 사용하는 TV에서는 스와이프 전용 동작을 사용하지 마세요.
TV에 적합한 레이아웃 디자인에 관한 자세한 내용은 TV용 디자인을 참고하세요.
큰 비트맵 처리
TV 기기의 메모리는 제한되어 있습니다. 앱 레이아웃에서 해상도가 매우 높은 이미지를 사용하는 경우 빠르게 메모리 제한에 도달하여 메모리 부족 오류를 발생시킬 수 있습니다. 효율적인 이미지 로드 및 디코딩 라이브러리 (예: Coil 또는 Glide)를 사용하여 앱의 비트맵을 가져오고, 디코딩하고, 표시합니다.
비트맵을 사용할 때 최상의 성능을 얻는 방법에 관한 자세한 내용은 Android 그래픽 권장사항을 참고하세요.
효과적인 광고 제공
거실 환경에서는 전체 화면으로 표시되고 30초 이내에 닫을 수 있는 동영상 광고 솔루션을 사용하는 것이 좋습니다. 닫기 버튼 및 클릭 같은 Android TV의 광고 기능은 터치가 아니라 D패드로 액세스할 수 있어야 합니다.
Android TV는 웹 브라우저를 제공하지 않습니다. 광고에서 웹 브라우저를 실행하거나 Android TV 기기에 승인되지 않은 Google Play 스토어 콘텐츠로 리디렉션하려고 시도해서는 안 됩니다.