Panduan ini menjelaskan cara membuat banner dan ikon peluncur untuk Android TV.
Poin-poin penting
Berikut adalah poin-poin utama dari halaman ini:
- Ada dua jenis ikon untuk aplikasi Android TV OS di AndroidManifest.xml:
android:icon(standar, wajib)android:banner(banner, wajib)
- Ikon adaptif sangat disarankan.
- Ikon dan banner harus mematuhi pedoman desain yang diuraikan dalam panduan ini.
- Gunakan template figma resmi untuk membuat banner & ikon
- OS Android TV tidak mendukung ikon bertema.
Ringkasan
Google TV dan Android OS menggunakan ikonografi yang disediakan melalui
AndroidManifest.xml dalam tiga cara:
- Ikon peluncur (rasio aspek 1x1)
- Ikon peluncur bulat (rasio aspek 1x1, tetapi lingkaran)
- Logo banner (rasio aspek 16x9)
Aplikasi ini digunakan di berbagai tempat untuk kasus penggunaan yang berbeda, seperti baris Your apps, Setelan, atau progres penginstalan.
Banner
Logo Banner adalah logo dengan rasio aspek 16x9 yang digunakan di OS Android TV untuk
menampilkan peluncur aplikasi Anda. Sebaiknya aplikasi TV menyediakan banner
16:9 adaptif dengan spesifikasi berikut. Anda juga dapat menyediakan
resource xhdpi dengan ukuran 320 x 180px saat menggunakan API level 25 atau yang lebih rendah.
| Kepadatan | Ukuran Min | Lokasi folder (di bawah res) | Rasio Piksel |
|---|---|---|---|
| mdpi | 160x90 piksel | mipmap-mdpi | 1 |
| hdpi | 240x135 piksel | mipmap-hdpi | 1,5 |
| xhdpi | 320x180 piksel | mipmap-xhdpi | 2 |
| xxhdpi | 480x270 piksel | mipmap-xxhdpi | 3 |
| xxxhdpi | 640x360 piksel | mipmap-xxxhdpi | 4 |
Ikon peluncur
Ikon Peluncur adalah resource rasio aspek 1x1 yang digunakan di beberapa tempat seperti Setelan dan integrasi sesi Media (Kartu Sedang diputar) di Android TV. Ikon peluncur juga dapat digunakan di baris Aplikasi Anda di Google TV.
| Kepadatan | Ukuran Min | Lokasi folder (di bawah res) | Rasio Piksel |
|---|---|---|---|
| mdpi | 80x80 piksel | mipmap-mdpi | 1 |
| hdpi | 120x120 piksel | mipmap-hdpi | 1,5 |
| xhdpi | 160x160 piksel | mipmap-xhdpi | 2 |
| xxhdpi | 240x240 piksel | mipmap-xxhdpi | 3 |
| xxxhdpi | 320x320 piksel | mipmap-xxxhdpi | 4 |
Ikon adaptif
Mulai rilis Android 8.0 (API level 26), ada dukungan untuk ikon peluncur adaptif, yang memungkinkan lebih banyak fleksibilitas dan efek visual yang menarik jika menyangkut ikon aplikasi. Untuk developer, hal ini berarti ikon aplikasi Anda terdiri dari dua lapisan: lapisan latar depan dan latar belakang.
Banner adaptif
Anda juga dapat menyediakan banner adaptif bersama dengan banner lama, mirip dengan banner ikon peluncur yang juga memiliki dua lapisan.
Ikon peluncur adaptif
Untuk memastikan bahwa ikon adaptif Anda mendukung berbagai bentuk, dan efek visual, desain harus memenuhi persyaratan berikut:
Berikan dua lapisan ikon versi warna: satu untuk latar depan, dan satu untuk latar belakang.
Ikon adaptif ditentukan menggunakan lapisan latar depan dan latar belakang. Zona aman 72 x 72 pada gambar pertama menunjukkan tempat lapisan ikon dan latar depan tidak pernah terpotong oleh mask yang berbentuk.
Ikon versi monokrom tidak diperlukan karena Android TV tidak mendukung ikon bertema.
Contoh
Di bawah ini adalah beberapa anjuran dan larangan yang perlu dipertimbangkan saat mendesain ikon aplikasi TV.
Contoh banner
Anjuran
Larangan
Larangan
Larangan
Larangan
Larangan
Perhatian
Contoh peluncur
Anjuran
Larangan
Larangan
Larangan
Larangan
Larangan
Referensi
- Template figma resmi untuk banner & ikon