TV uygulama simgesi tasarım yönergeleri

Bu kılavuzda, Android TV için banner'ların ve başlatıcı simgelerinin oluşturulması açıklanmaktadır.

Temel çıkarımlar

Bu sayfadaki önemli ana fikirler şunlardır:

  • AndroidManifest.xml dosyasında Android TV OS uygulamaları için iki simge türü vardır:
    • android:icon (standart, zorunlu)
    • android:banner (banner, zorunlu)
  • Uyarlanabilir simgeler önerilir.
  • Hem simge hem de banner, bu kılavuzda ana hatları verilen tasarım yönergelerine uygun olmalıdır.
  • Banner'ı ve simgeleri oluşturmak için resmi figma şablonunu kullanın.
  • Android TV OS, temalı simgeleri desteklemez.

Genel bakış

Google TV ve Android OS, AndroidManifest.xml aracılığıyla sağlanan simgelerden üç şekilde yararlanır:

  • Başlatıcı simgesi (1x1 en boy oranı)
  • Yuvarlak başlatıcı simgesi (1x1 en boy oranı, ancak yuvarlak)
  • Banner logosu (16x9 en boy oranı)

Bunlar Uygulamalarınız satırı, Ayarlar veya yükleme ilerleme durumu gibi farklı kullanım alanları için farklı yerlerde kullanılır.

Banner logosu, Android TV OS'de uygulama başlatıcınızı göstermek için kullanılan 16x9 en boy oranına sahip bir logodur. TV uygulamalarının aşağıdaki özelliklere sahip 16:9 uyarlanabilir bir banner sağlaması önerilir. API düzeyi 25 veya daha düşük bir düzeyi kullanırken 320 x 180px boyutunda xhdpi kaynakları da sağlayabilirsiniz.

TV Banner'ı simge boyutları
Yoğunluk Minimum Boyut Klasör konumu (çözünürlük altında) Piksel Oranı
MDP 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 opmap-xxxhdpi 4

Başlatıcı simgesi

Başlatıcı simgesi, Android TV'de Ayarlar ve Medya oturumu entegrasyonları (Şimdi oynatılıyor kartı) gibi birden çok yerde kullanılan 1x1 en boy oranı kaynağıdır. Başlatıcı simgesi Google TV'deki Uygulamalarınız satırında da kullanılabilir.

Başlatıcı simgesinin boyutları
Yoğunluk Minimum Boyut Klasör konumu (çözünürlük altında) Piksel Oranı
MDP 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 opmap-xxxhdpi 4

Uyarlanabilir simgeler

Android 8.0 sürümünden (API düzeyi 26) itibaren, uygulama simgeleri söz konusu olduğunda daha fazla esneklik ve ilginç görsel efektler sağlayan uyarlanabilir başlatıcı simgeleri için destek sunulmaktadır. Geliştiriciler için bu, uygulama simgenizin iki katmandan oluştuğu anlamına gelir: ön plan ve arka plan katmanı.

Uyarlanabilir banner

Ayrıca, iki katmanı da olan başlatıcı simgesi banner'lara benzer şekilde, eski banner'larla birlikte uyarlanabilir bir banner da sağlayabilirsiniz.

TV Uyarlanabilir Banner'ı

Uyarlanabilir başlatıcı simgesi

Uyarlanabilir simgenizin farklı şekilleri ve görsel efektleri destekleyebilmesi için tasarımın aşağıdaki gereksinimleri karşılaması gerekir:

Simgenin renkli versiyonu için biri ön plan, diğeri arka plan olmak üzere iki katman sağlayın.

TV Uyarlanabilir Başlatıcı Simgesi

Uyarlanabilir simgeler, ön plan ve arka plan katmanları kullanılarak tanımlanır. İlk resimdeki 72 x 72 boyutlarındaki güvenli alt bölgede, simgenizin ve ön plan katmanlarının hiçbir zaman şekilli bir maskeyle kırpılmadığı yerler gösterilmektedir.

Android TV, temalı simgeleri desteklemediği için simgenin tek renkli sürümü gerekli değildir.

Örnekler

Aşağıda, TV uygulama simgesi tasarlarken göz önünde bulundurulması gereken ve yapılmaması gereken bazı noktalar verilmiştir.

Kurallara uyun, logoyu güvenli bir yerde tutun
Ek bilgi belirtmek için metin veya grafik öğeleri kullanmaktan kaçının.
Kullanıcıları yanıltabilecek metin veya grafik öğeleri kullanmayın.
Logoyu güvenli alanın dışına dökmeyin
Kırpıldığı için logonun etrafına kenarlık eklemekten kaçının ve gösterişsiz görseller oluşturun.
Logoyu kırpmayın
Bir banner kullanırken tam logonuzu, simgenizi ve metninizi göstermenizi öneririz.

Başlatıcı örnekleri

Kurallara uyun, logoyu güvenli bir yerde tutun
Ek bilgi belirtmek için metin veya grafik öğeleri kullanmayın.
Kullanıcıları yanıltabilecek metin veya grafik öğeleri kullanmayın.
Logoyu güvenli alanın dışına dökmeyin
Kırpıldığı için logonun etrafına kenarlık eklemekten kaçının ve gösterişsiz görseller oluşturun.
Logoyu kırpmayın

Kaynaklar