Panduan desain ikon aplikasi TV

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.

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.

Ukuran ikon Spanduk TV
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.

Ukuran ikon peluncur
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.

Banner Adaptif TV

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 Peluncur Adaptif TV

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.

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 sekeliling logo saat batas dipangkas dan membuat visual yang tidak rapi.
Menghindari pemangkasan logo
Saat menggunakan banner, sebaiknya tampilkan logo lengkap, ikon + teks.

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 sekeliling logo saat batas dipangkas dan membuat visual yang tidak rapi.
Menghindari pemangkasan logo

Referensi