Specifiche relative alla struttura delle icone Google Play

Le app e i giochi su Google Play stanno adottando un nuovo sistema di icone per adattare meglio le diverse artwork degli sviluppatori ai vari layout dell'UI, fattori di forma e dispositivi di Google Play, nonché per conferire coerenza e un aspetto più pulito a Google Play.

Le forme uniformi sono visivamente più accattivanti e più facili da comprendere. Aiutano gli utenti a concentrarsi sull'artwork, anziché sulla forma. Risolvono i problemi di allineamento causati da spazi aperti casuali per presentare meglio le informazioni circostanti, come il titolo, la valutazione e il prezzo.

Questa pagina descrive le linee guida da seguire quando crei asset per la scheda della tua app su Google Play. Ad esempio, poiché Google Play esegue il rendering dinamico di angoli arrotondati e ombre per le icone delle app, devi ometterli dagli asset originali.

• Icone adattive di Android
  Segui queste linee guida per le icone APK per scoprire come creare icone di avvio adattive 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 corso…

Questa sezione descrive alcune linee guida da seguire quando crei asset visivi per la tua app su Google Play.

Attributi

L'artwork dell'icona può occupare l'intero spazio dell'asset oppure puoi progettare e posizionare elementi dell'artwork, come i loghi, sulla griglia delle linee guida. Quando posizioni l'artwork, utilizza le linee guida come riferimento, non come regola rigida.

Quando crei l'artwork, assicurati che sia conforme a quanto segue:

• Dimensioni finali: 512 x 512 px
• Formato: PNG a 32 bit
• Spazio colore: sRGB
• Dimensioni massime del file: 1024 KB
• Forma: quadrato pieno. Google Play gestisce dinamicamente la maschera. Il raggio sarà equivalente al 30% delle dimensioni dell'icona.
• Ombra: nessuna. Google Play gestisce dinamicamente le ombre. Consulta la sezione "Ombre" di seguito per informazioni sull'inclusione delle ombre nell'artwork.

Dopo il caricamento dell'asset, Google Play applica dinamicamente la maschera arrotondata e l'ombra per garantire la coerenza di tutte le icone di app/giochi.

A sinistra è riportato il nuovo asset dell'icona. Le tre immagini seguenti a destra mostrano l'elaborazione dinamica dell'icona da parte di Google Play.

Taglie

Utilizza l'intero spazio dell'asset come sfondo quando hai a che fare con artwork minimalisti.

Utilizza le linee guida come riferimento per il posizionamento degli elementi dell'artwork (ad es. i loghi).

Non forzare il logo o l'artwork a riempire l'intero spazio dell'asset. Utilizza invece la griglia delle linee guida.

cancel

Errato

Non forzare una trasformazione drastica del brand e dell'artwork al vivo

check_circle

Destra

Posiziona invece l'artwork dell'icona in formato libero sulle linee guida

L'artwork illustrato in genere funziona bene come icona al vivo.

cancel

Errato

Non fare lo scale down dell'artwork illustrato sulle linee guida

check_circle

Destra

Utilizza l'intero spazio dell'asset in modo che l'artwork occupi l'intera icona

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

cancel

Cosa non fare

Non utilizzare elementi di testo o grafici per indicare la classificazione

cancel

Cosa non fare

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

cancel

Cosa non fare

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

cancel

Cosa non fare

Non utilizzare elementi di testo o grafici che possono ingannare gli utenti

Ombre

Google Play aggiungerà dinamicamente un'ombra all'icona finale una volta caricata.

Quando aggiungi ombre all'interno dell'artwork dell'icona, considera la coerenza con la piattaforma Android seguendo le linee guida di Google Material guidelines.

cancel

Errato

Non aggiungere ombre all'asset finale

check_circle

Destra

Puoi creare ombre e illuminazione all'interno dell'artwork

Raggio d'angolo

Google Play applica dinamicamente il raggio d'angolo. In questo modo si garantisce la coerenza quando le dimensioni dell'icona vengono modificate in diversi layout dell'UI. Il raggio sarà equivalente al 30% delle dimensioni dell'icona.

cancel

Errato

Non arrotondare i bordi dell'asset finale

check_circle

Destra

Se possibile, riempi l'intero asset con l'artwork

Adattamento del brand

Se le forme sono una parte fondamentale di un logo, non forzare l'artwork al vivo. Posizionalo invece sulla nuova griglia delle linee guida.

Da sinistra a destra: asset dell'icona originale, nuovo asset dell'icona (adattamento consigliato), nuova icona di cui è stato eseguito il rendering su Google Play.

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

Da sinistra a destra: asset dell'icona originale, nuovo asset dell'icona (adattamento consigliato), nuova icona di cui è stato eseguito il rendering su Google Play.

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

Da sinistra a destra: asset dell'icona originale, nuovo asset dell'icona (adattamento consigliato), nuova icona di cui è stato eseguito il rendering su Google Play.

Se l'artwork è sufficientemente flessibile, valuta la possibilità di modificarlo per utilizzare completamente le dimensioni dell'asset. Se non è possibile, torna a posizionare il logo su una griglia delle linee guida.

Da sinistra a destra: asset dell'icona originale, nuovo asset dell'icona (adattamento consigliato), nuova icona di cui è stato eseguito il rendering su Google Play.

Modalità versione precedente

Gli asset delle icone originali che non sono stati aggiornati in base alle nuove specifiche verranno alla fine migrati alla modalità versione precedente e ridimensionati del 75% in base alle dimensioni della griglia delle linee guida (512 * 0,75 = 384 px).

A partire da maggio 2019 non sarà consentito caricare un'icona in base alla specifica originale. Scopri di più sulle tempistiche.

Gli asset delle icone originali verranno convertiti automaticamente in asset in modalità versione precedente e ridimensionati del 75% in base alla nuova griglia delle linee guida.

Istruzioni per gli utenti dell'API

Le date di migrazione sono leggermente diverse per gli utenti dell'API, ma raggiungono lo stesso risultato finale di migrazione di tutte le icone alla nuova specifica o alla "modalità versione precedente" 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 applicheranno la specifica configurata in Play Console. Non è possibile applicare la nuova specifica tramite API. La chiamata Edits.images: upload potrebbe generare un errore se è ancora applicata la vecchia specifica e il messaggio di errore per l'icona specifica ti indirizzerà a questa specifica. Dopo aver applicato una nuova specifica utilizzando Play Console, puoi riprovare a effettuare la chiamata Edits.images: upload. Potresti dover riprovare a effettuare la chiamata più volte prima che vada a buon fine.

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 le icone compatibili con la nuova specifica.

Scarica modelli e risorse di progettazione

Per iniziare, scarica uno dei modelli di asset forniti:

• Modello Sketch (.sketch)
• Modello Illustrator (.ai)
• Modello Photoshop (.psd)