Linee guida per la progettazione dell'icona dell'app TV

Questa guida descrive la creazione di banner e icone in Avvio applicazioni per Android TV.

Concetti principali

Di seguito sono riportati i concetti chiave di questa pagina:

• Esistono due tipi di icone per le app per il sistema operativo Android TV nel file AndroidManifest.xml:
  • android:icon (standard, obbligatorio)
  • android:banner (banner, obbligatorio)
• Ti consigliamo vivamente di utilizzare le icone adattive.
• Sia l'icona che il banner devono rispettare le linee guida di progettazione descritte in questa guida.
• Utilizza il modello Figma ufficiale per generare il banner e le icone
• Il sistema operativo Android TV non supporta le icone a tema.

Panoramica

Google TV e il sistema operativo Android utilizzano le icone fornite tramite AndroidManifest.xml in tre modi:

• Icona Avvio app (proporzioni 1 x 1)
• Icona rotonda in Avvio applicazioni (proporzioni 1 x 1, ma circolare)
• Logo del banner (proporzioni 16 x 9)

Queste vengono utilizzate in posizioni diverse per casi d'uso diversi, ad esempio nella riga Le tue app, nelle Impostazioni o nell'avanzamento dell'installazione.

Banner

Il logo Banner è un logo con proporzioni 16 x 9 utilizzato nel sistema operativo Android TV per mostrare Avvio app. Consigliamo alle app per TV di fornire un banner adattivo 16:9 con le seguenti specifiche. Puoi anche fornire risorse xhdpi con dimensione 320 x 180px quando utilizzi il livello API 25 o precedente.

Densità	Dimensione minima	Posizione della cartella (in risoluzione)	Proporzioni pixel
MDPI	160x90 px	mipmap-mdpi	1
HDPI	240x135 px	mipmap-hdpi	1,5
xhdpi	320x180 px	mipmap-xhdpi	2
xxhdpi	480x270 px	mipmap-xxhdpi	3
xxx HDPI	640x360 px	mipmap-xxxhdpi	4

Icona Avvio app

L'icona Avvio app è una risorsa con proporzioni 1 x 1 che viene utilizzata in vari modi, ad esempio in Impostazioni e integrazioni di sessioni multimediali (scheda Ora in riproduzione) su Android TV. L'icona in Avvio applicazioni può essere utilizzata anche nella riga Le tue app su Google TV.

Densità	Dimensione minima	Posizione della cartella (in risoluzione)	Proporzioni pixel
MDPI	80x80 px	mipmap-mdpi	1
HDPI	120x120 px	mipmap-hdpi	1,5
xhdpi	160x160 px	mipmap-xhdpi	2
xxhdpi	240x240 px	mipmap-xxhdpi	3
xxx HDPI	320x320 px	mipmap-xxxhdpi	4

Icone adattive

A partire dalla release Android 8.0 (livello API 26), è disponibile il supporto per le icone di avvio adattive, che offrono maggiore flessibilità e interessanti effetti visivi per quanto riguarda le icone delle app. Per gli sviluppatori, significa che l'icona dell'app è costituita da due livelli: uno in primo piano e uno di sfondo.

Banner adattivo

Puoi anche fornire un banner adattivo insieme a un banner precedente, simile ai banner icone in Avvio applicazioni che hanno anche due livelli.

Icona in Avvio applicazioni adattivo

Per fare in modo che l'icona adattiva supporti forme ed effetti visivi diversi, il design deve soddisfare i seguenti requisiti:

Fornisci due livelli per la versione a colori dell'icona: uno per il primo piano e uno per lo sfondo.

Le icone adattive vengono definite utilizzando livelli in primo piano e di sfondo. La zona sicura 72 x 72 nella prima immagine mostra dove l'icona e i livelli in primo piano non vengono mai tagliati da una maschera sagomata.

Non è necessaria una versione monocromatica dell'icona perché Android TV non supporta le icone a tema.

Esempi

Di seguito sono riportate alcune cose da fare e da non fare quando si progetta un'icona di app per la TV.

Esempi di banner

Esempi di Avvio app

Risorse

• Modello Figma ufficiale per banner e icone

Letture correlate

• Icone adattive sui dispositivi mobili
• Utilizzare le icone adattive
• Progettare icone adattive