이 가이드에서는 Android TV용 배너 및 런처 아이콘을 만드는 방법을 설명합니다.
핵심 요점
다음은 이 페이지의 주요 내용입니다.
- AndroidManifest.xml의 Android TV OS 앱에는 두 가지 아이콘 유형이 있습니다.
android:icon
(표준, 필수)android:banner
(배너, 필수)
- 적응형 아이콘을 사용하는 것이 좋습니다.
- 아이콘과 배너는 모두 이 가이드에 설명된 디자인 가이드라인을 준수해야 합니다.
- 공식 figma 템플릿을 사용하여 배너 및 아이콘을 생성합니다.
- Android TV OS는 테마 아이콘을 지원하지 않습니다.
개요
Google TV 및 Android OS에서는 AndroidManifest.xml
를 통해 제공되는 아이콘을 세 가지 방식으로 사용합니다.
- 런처 아이콘 (가로세로 비율 1x1)
- 원형 런처 아이콘 (가로세로 비율 1x1, 원형)
- 배너 로고 (가로세로 비율 16x9)
이는 내 앱 행, 설정 또는 설치 진행률과 같은 다양한 사용 사례의 여러 위치에서 사용됩니다.
배너
배너 로고는 Android TV OS에서 앱 런처를 표시하는 데 사용되는
가로세로 비율 16x9의 로고입니다. TV 앱은 다음 사양으로 적응형 16:9 배너를 제공하는 것이 좋습니다. API 수준 25 이하를 사용할 때는
xhdpi 리소스를 320 x 180px
크기로 제공할 수도 있습니다.
![TV 배너 아이콘 크기](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/banner-sizes.webp?authuser=1&hl=ko)
밀도 | 최소 크기 | 폴더 위치 (해상도 아래) | 픽셀 비율 |
---|---|---|---|
mdpi | 160x90 px | 밉맵-mdpi | 1 |
hdpi | 240x135 px | mipmap-hdpi | 1.5 |
xhdpi | 320x180 px | mipmap-xhdpi | 2 |
xxhdpi | 480x270 px | mipmap-xxhdpi | 3 |
xxxhdpi | 640x360 px | mipmap-xxxhdpi | 4 |
런처 아이콘
런처 아이콘은 Android TV의 설정 및 미디어 세션 통합 (Now Playing 카드)과 같은 여러 위치에서 사용되는 1x1 가로세로 비율 리소스입니다. 런처 아이콘은 Google TV의 내 앱 행에서도 사용할 수 있습니다.
![런처 아이콘 크기](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/launcher-sizes.webp?authuser=1&hl=ko)
밀도 | 최소 크기 | 폴더 위치 (해상도 아래) | 픽셀 비율 |
---|---|---|---|
mdpi | 80x80 px | 밉맵-mdpi | 1 |
hdpi | 120x120 px | mipmap-hdpi | 1.5 |
xhdpi | 160x160 px | mipmap-xhdpi | 2 |
xxhdpi | 240x240 px | mipmap-xxhdpi | 3 |
xxxhdpi | 320x320 px | mipmap-xxxhdpi | 4 |
적응형 아이콘
Android 8.0 버전 (API 수준 26)부터 적응형 런처 아이콘이 지원되므로 앱 아이콘과 관련하여 더 유연하고 흥미로운 시각 효과가 가능합니다. 즉, 개발자의 경우 앱 아이콘이 포그라운드 레이어와 백그라운드 레이어라는 두 가지 레이어로 구성되어 있습니다.
적응형 배너
레이어가 두 개 있는 런처 아이콘 배너와 유사하게 기존 배너와 함께 적응형 배너를 제공할 수도 있습니다.
![TV 적응형 배너](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/banner-adaptive-safe.webp?authuser=1&hl=ko)
적응형 런처 아이콘
적응형 아이콘이 다양한 모양과 시각적 효과를 지원하도록 하려면 디자인이 다음 요구사항을 충족해야 합니다.
아이콘의 컬러 버전에 대해 각각 포그라운드와 백그라운드를 위한 두 개의 레이어를 제공합니다.
![TV 적응형 런처 아이콘](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/launcher-adaptive-safe.webp?authuser=1&hl=ko)
적응형 아이콘은 포그라운드 및 백그라운드 레이어를 사용하여 정의됩니다. 첫 번째 이미지의 72x72 안전 영역은 모양 마스크에 의해 아이콘과 포그라운드 레이어가 잘리지 않는 위치를 보여줍니다.
Android TV는 테마 아이콘을 지원하지 않으므로 흑백 버전의 아이콘은 필요하지 않습니다.
예
다음은 TV 앱 아이콘을 디자인할 때 고려해야 할 권장사항과 금지사항입니다.
배너 예시
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/200.webp?authuser=1&hl=ko)
의견을 제시하지
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/000.webp?authuser=1&hl=ko)
부적절한 예
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/001.webp?authuser=1&hl=ko)
부적절한 예
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/002.webp?authuser=1&hl=ko)
부적절한 예
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/003.webp?authuser=1&hl=ko)
부적절한 예
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/004.webp?authuser=1&hl=ko)
부적절한 예
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/005.webp?authuser=1&hl=ko)
주의
런처 예
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/201.webp?authuser=1&hl=ko)
의견을 제시하지
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/100.webp?authuser=1&hl=ko)
부적절한 예
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/101.webp?authuser=1&hl=ko)
부적절한 예
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/102.webp?authuser=1&hl=ko)
부적절한 예
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/103.webp?authuser=1&hl=ko)
부적절한 예
![](https://developer.android.google.cn/static/design/ui/tv/guides/system/images/icons/104.webp?authuser=1&hl=ko)
부적절한 예
리소스
- 배너 및 아이콘용 공식 figma 템플릿