Specifiche relative alla struttura delle icone Google Play

Le app e i giochi su Google Play stanno adottando un nuovo sistema di icone per adattarsi meglio alle varie opere d'arte degli sviluppatori ai vari layout dell'interfaccia utente, ai fattori di forma e ai dispositivi di Google Play, nonché per offrire coerenza e un aspetto più ordinato su Google Play ,

Le forme uniformi sono visivamente più accattivanti e più facili da assimilare. Aiutano gli utenti a concentrarsi sull'opera d'arte, invece che sulla forma. Risolvino i problemi di allineamento causati da uno spazio aperto casuale per presentare meglio le informazioni circostanti, ad esempio titolo, valutazione e prezzo.

Formato libero: formato originale
Uniforme - Nuovo formato

In questa pagina vengono descritte le linee guida da seguire durante la creazione di asset per la scheda dell'app su Google Play. Ad esempio, perché Google Play esegue il rendering dinamico di angoli arrotondati e ombre delle icone delle app, dovresti ometterli dagli asset originali.

Importante: se vuoi saperne di più sulla creazione di icone Avvio app separate da quelle di Google Play descritte in questa pagina, consulta le risorse seguenti:

  • Icone adattive per Android
    Segui queste linee guida relative alle icone APK per scoprire come creare icone di avvio adattivo introdotte in Android 8.0 (livello API 26).
  • Icone dei prodotti
    Scopri i principi di Material Design per le icone dei prodotti, incluse le linee guida per la progettazione, le forme, le specifiche e il trattamento delle icone.

Creazione degli asset

In questa sezione vengono descritte alcune linee guida da seguire per la creazione di asset visivi per l'app su Google Play.

Attributi

La grafica delle icone può riempire l'intero spazio degli asset oppure puoi progettare e posizionare elementi grafici come i loghi sulla griglia delle righe. Quando inserisci la grafica, usa le linee guida come linea guida, non come regola rigida.

Quando crei la tua opera d'arte, assicurati che rispetti quanto segue:

  • Dimensioni finali: 512 x 512 pixel
  • Formato: PNG a 32 bit
  • Spazio colore: sRGB
  • Dimensioni massime del file: 1024 kB
  • Forma: quadrata: Google Play gestisce dinamicamente il mascheramento. Il raggio equivale al 20% delle dimensioni dell'icona.
  • Ombra: nessuna. Google Play gestisce le ombre in modo dinamico. Consulta la sezione "Ombre" di seguito per indicare come ombreggiare la grafica.
Dimensioni totali asset
Linee chiave dell'icona del prodotto

Dopo aver caricato l'asset, Google Play applica in modo dinamico la maschera arrotondata e l'ombra per garantire la coerenza tra tutte le icone delle app e dei giochi.

Sul lato sinistro trovi il nuovo asset icona. Le seguenti tre immagini sul lato destro mostrano l'elaborazione dinamica di Google Play dell'icona.

Dimensioni

Utilizza l'intero spazio degli asset come sfondo per il lavoro con opere d'arte minimaliste.

Utilizza le linee guida come guida per il posizionamento degli elementi grafici (ovvero i loghi).

L'artwork al vivo (asset finale)
Risultato finale con ombre e angoli arrotondati applicati in modo dinamico da Google Play

Non forzare il logo o l'artwork a riempire lo spazio. Utilizza invece la griglia dei tasti.

Non corretto

Non forzare la trasformazione drastica del brand e dell'artwork a tutto pagina

Destra

Posiziona l'illustrazione a forma libera delle icone sui tasti

In genere, le illustrazioni rappresentano un'icona a pagina intera.

Non corretto

Non fare lo scale down delle illustrazioni sui keyline

Destra

Utilizza tutto lo spazio degli asset in modo che l'artwork occupi l'intera icona

Questi sono esempi di elementi icona che ingannano gli utenti e violano le norme per gli sviluppatori di Google Play. Evita tutte le seguenti pratiche e consulta le norme relative ai metadati e le norme relative a valutazioni, recensioni e installazioni degli utenti di Google Play per ulteriori indicazioni.

Cosa non fare

Non utilizzare testo o elementi grafici per indicare il ranking

Cosa non fare

Non utilizzare testo o elementi grafici per promuovere offerte o incentivare le installazioni.

Cosa non fare

Non usare testo o elementi grafici per indicare la partecipazione a un programma di Google Play.

Cosa non fare

Non utilizzare testo o elementi grafici che possono fuorviare gli utenti

Shadows

Google Play aggiungerà in modo dinamico un'ombra intorno all'icona finale una volta caricata.

Quando aggiungi ombre all'interno della grafica, considera la coerenza con la piattaforma Android seguendo le linee guida di Google Material.

Non corretto

Non aggiungere ombre all'asset finale

Destra

Puoi creare ombre e luci all'interno dell'opera d'arte

Raggio dell'angolo

Google Play applica dinamicamente il raggio d'angolo. Questo assicura coerenza quando l'icona viene ridimensionata su diversi layout dell'interfaccia utente. Il raggio sarà pari al 20% delle dimensioni dell'icona.

Non corretto

Non arrotondare i bordi dell'asset finale

Destra

Quando possibile, riempi l'intero asset di grafica

Adattamento del brand

Se le forme sono un aspetto critico di un logo, non forzare la comparsa dell'intera pagina. Puoi collocarlo nella nuova griglia dei tasti.

Da sinistra a destra: asset icona originale, nuovo asset icona (adattamento consigliato), nuova icona visualizzata su Google Play.

Se possibile, scegli per il tuo asset un colore di sfondo appropriato per il tuo brand e che non includa trasparenza. Gli asset trasparenti mostreranno il colore di sfondo dell'interfaccia utente di Google Play.

Da sinistra a destra: asset icona originale, nuovo asset icona (adattamento consigliato), nuova icona visualizzata su Google Play.

Se non c'è una forma distinta attorno a un logo che lo definisce, posizionalo su uno sfondo al vivo.

Da sinistra a destra: asset icona originale, nuovo asset icona (adattamento consigliato), nuova icona visualizzata su Google Play.

Se la tua opera d'arte è abbastanza flessibile, valuta la possibilità di modificarla per utilizzare completamente le dimensioni dell'asset. Se non è possibile, ripristina il posizionamento del logo su una griglia della linea dei tasti.

Da sinistra a destra: asset icona originale, nuovo asset icona (adattamento consigliato), nuova icona visualizzata su Google Play.

Modalità versione precedente

Per gli asset icona originali che non sono stati aggiornati in base alle nuove specifiche, verrà eseguita la migrazione alla modalità legacy e questi verranno ridotti del 75% rispetto alle dimensioni della griglia delle righe (512 * 0,75 = 384 px).

A partire da maggio 2019 non sarà consentito caricare un'icona secondo la specifica originale. Visualizza ulteriori dettagli sulle tempistiche.

Gli asset icona originali verranno trasformati automaticamente in asset in modalità legacy e verranno ridotti del 75% alla nuova griglia di keyline.

Istruzioni per gli utenti API

Le date di migrazione sono leggermente diverse per gli utenti di API, ma raggiungono lo stesso risultato finale della migrazione di tutte le icone alla nuova specifica o alla "modalità legacy" entro il 24 giugno 2019.

Prima del 17 giugno 2019, gli sviluppatori devono utilizzare Play Console per applicare la nuova specifica alle proprie icone. Tutte le chiamate a Edits.images: upload applicano la specifica specificata in Play Console. Non è possibile applicare la nuova specifica tramite API. La chiamata Edits.images: upload potrebbe restituire errori se la vecchia specifica è ancora applicata e il messaggio di errore per l'icona specifica indirizzerà a questa specifica. Dopo aver applicato una nuova specifica utilizzando Play Console, puoi riprovare a chiamare Edits.images: upload. Potrebbe essere necessario riprovare la chiamata più volte prima che venga eseguita correttamente.

A partire dal 17 giugno 2019, tutte le chiamate API a Edits.images: upload applicheranno automaticamente la nuova specifica all'icona. Dopo il 17 giugno 2019, devi caricare solo icone compatibili con la nuova specifica.

Scarica modelli e risorse per la progettazione

Per iniziare, scarica uno dei modelli di asset forniti: