Le icone delle finestre di dialogo popup vengono visualizzate all'interno di finestre di dialogo popup che richiedono all'utente di interagire. Usano un gradiente chiaro e un'ombra interna per risaltare su uno sfondo scuro.
Come descritto nella sezione Fornire set di icone specifici per densità, devi creare set di icone separati per le schermate a bassa, media e alta densità. Ciò garantisce che le icone vengano visualizzate correttamente nell'intervallo di dispositivi su cui può essere installata l'applicazione. Consulta la Tabella 1 per un elenco delle dimensioni finali consigliate delle icone per ciascuna densità. Inoltre, consulta la sezione Suggerimenti per i designer per suggerimenti su come utilizzare più insiemi di icone.
Tabella 1. Riepilogo delle dimensioni delle icone di dialogo terminate per ognuna delle tre densità di schermo generalizzate.
ldpi (120 dpi)(Schermo a bassa densità) |
mdpi (160 dpi)(Schermo a media densità) |
hdpi (240 dpi)(Schermo ad alta densità) |
xhdpi (320 dpi)(Schermo ad altissima densità) |
|
|---|---|---|---|---|
| Dimensioni icona finestra di dialogo | 24 x 24 px | 32 x 32 px | 48 x 48 px | 64 x 64 px |
La grafica finale deve essere esportata come file PNG trasparente. Non includere un colore di sfondo.
I modelli per la creazione di icone in Adobe Photoshop sono disponibili nel Pacchetto di modelli di icone.
Tutte le versioni di Android
Le seguenti linee guida descrivono come progettare icone delle finestre di dialogo per tutte le versioni della piattaforma Android.
Struttura
- Le icone delle finestre di dialogo hanno un frame sicuro da 1 pixel. La forma di base deve rientrare nel SafeFrame, ma l'anti-alias di una forma rotonda può sovrapporsi al SafeFrame.
- Tutte le dimensioni specificate in questa pagina si basano su una tavoletta di 32 x 32 pixel in Adobe Photoshop. Mantieni una spaziatura interna di 1 pixel intorno al riquadro di delimitazione all'interno del modello di Photoshop.
|
Figura 1. SafeFrame e gradiente di riempimento per le icone delle finestre di dialogo. La dimensione dell'icona è 32 x 32. |
Luce, effetti e ombre
Le icone delle finestre di dialogo sono piatte e l'immagine è rivolta verso l'alto. Per far risaltare su uno sfondo scuro, vengono realizzate utilizzando un gradiente chiaro e un'ombra interna.
|
Figura 2. Luci, effetti e ombre per le icone delle finestre di dialogo.
|
Istruzioni dettagliate
|