Panduan desain ikon aplikasi TV

Panduan ini menjelaskan pembuatan banner dan ikon peluncur untuk Android TV.

Poin-poin penting

Berikut ini 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 direkomendasikan.
  • Ikon dan banner harus mematuhi pedoman desain yang diuraikan dalam panduan ini.
  • Gunakan template figma resmi untuk membuat banner & ikon
  • Android TV OS tidak mendukung ikon bertema.

Ringkasan

Google TV dan Android OS menggunakan ikonografi yang disediakan melalui AndroidManifest.xml dengan tiga cara:

  • Ikon peluncur (rasio aspek 1x1)
  • Ikon peluncur bulat (rasio aspek 1x1, tetapi lingkaran)
  • Logo banner (rasio aspek 16x9)

ID ini digunakan di berbagai tempat untuk kasus penggunaan yang berbeda, seperti baris Aplikasi Anda, Setelan, atau progres penginstalan.

Logo Banner adalah logo rasio aspek 16x9 yang digunakan di OS Android TV untuk menampilkan peluncur aplikasi. 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 lama.

Ukuran ikon Banner TV
Kepadatan Ukuran Min Lokasi folder (di bawah resolusi) Rasio Piksel
mdpi 160 x 90 piksel mipmap-mdpi 1
hdpi 240 x 135 piksel mipmap-hdpi 1,5
xhdpi 320 x 180 piksel mipmap-xhdpi 2
xxhdpi 480 x 270 piksel mipmap-xxhdpi 3
xxxhdpi 640 x 360 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 Your apps di Google TV.

Ukuran ikon peluncur
Kepadatan Ukuran Min Lokasi folder (di bawah resolusi) Rasio Piksel
mdpi 80x80 piksel mipmap-mdpi 1
hdpi 120 x 120 piksel mipmap-hdpi 1,5
xhdpi 160 x 160 piksel mipmap-xhdpi 2
xxhdpi 240 x 240 piksel mipmap-xxhdpi 3
xxxhdpi 320 x 320 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.

Banner Adaptif TV

Ikon peluncur adaptif

Untuk memastikan ikon adaptif mendukung berbagai bentuk, dan efek visual, desain harus memenuhi persyaratan berikut:

Sediakan dua lapisan untuk versi warna ikon: satu untuk latar depan, dan satu untuk latar belakang.

Ikon Peluncur Adaptif TV

Ikon adaptif ditentukan menggunakan lapisan latar depan dan latar belakang. Zona aman 72 x 72 pada gambar pertama menunjukkan tempat ikon dan lapisan latar depan tidak pernah terpotong oleh mask yang dibentuk.

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.

Ikuti panduan, simpan logo di area aman
Hindari penggunaan teks atau elemen grafis untuk menunjukkan informasi tambahan apa pun.
Jangan gunakan teks atau elemen grafis yang dapat menyesatkan pengguna
Jangan menumpahkan logo ke luar area aman
Hindari menambahkan batas di sekitar logo saat logo dipangkas dan membuat visual yang tidak rapi.
Hindari memangkas logo
Jika menggunakan banner, sebaiknya tampilkan logo, ikon, dan teks lengkap.

Contoh peluncur

Ikuti panduan, simpan logo di area aman
Jangan gunakan teks atau elemen grafis untuk menunjukkan informasi tambahan apa pun.
Jangan gunakan teks atau elemen grafis yang dapat menyesatkan pengguna
Jangan menumpahkan logo ke luar area aman
Hindari menambahkan batas di sekitar logo saat logo dipangkas dan membuat visual yang tidak rapi.
Hindari memangkas logo

Referensi