Share
In questo articolo esamineremo alcuni argomenti di progettazione molto basilari per la piattaforma Android. A parte la documentazione fornita da Google, ci sono pochissime risorse che offrono una visione di alto livello della progettazione di app per dispositivi mobili Android. Questo articolo faciliterà la comprensione delle sfumature del design dell'interfaccia utente Android.
Devo ammettere che questo è stato un orso di un articolo da scrivere. Perché?
Ho cercato di trovare un modo per evitare questo argomento. Davvero, ho. Ma ha bisogno di essere discusso.
Come designer siamo tutti presentati con uno scopo di lavoro quando iniziamo un progetto, ea volte questo include elementi di design e immagini esistenti. Questo è il caso degli elementi di progettazione dell'interfaccia utente standard di Android:
Progettare per Android a volte può sembrare di mettere il rossetto su un maiale, ma è così può essere fatto in un modo che è elegante.
Sapendo quello che sappiamo sull'interfaccia utente di Android e i suoi elementi di design, è difficile resistere alla nozione di riutilizzo di un'interfaccia utente di iPhone "per il bene del marchio". Ma quella è la decisione giusta? Penso che la risposta sia duplice.
Ecco gli screenshot del gioco IconFactory, Frenzic. Come la maggior parte dei giochi, emerge dall'interfaccia utente standard sia per iPhone che per Android, quindi ha senso riutilizzare lo stesso modello UI per entrambe le piattaforme:
Devi trovare un modo per bilanciare il tuo marchio e l'aspetto della piattaforma. Dropbox è un ottimo esempio di un'app che mantiene l'integrità del marchio e i controlli dell'interfaccia utente della piattaforma nativa in modo elegante:
La cosa bella di Android è che funziona su un sacco di dispositivi. La cosa brutta di Android è che funziona su un sacco di dispositivi. Ma preparatevi i progettisti: questo fattore andrà solo meglio o peggio quando sul mercato appariranno sempre più dispositivi.
La cosa da ricordare quando progetti per Android è NON usare layout a larghezza fissa. Se vieni da uno sfondo di web design, pensa in termini di "layout fluidi". Layout che si allungheranno in base alla larghezza del browser o, in questo caso, allo schermo.
Google ha un ottimo documento su come supportare più dimensioni dello schermo qui. Non spaventare quando inizi a leggere cose come il "pixel indipendente dalla densità". Tutto ciò significa che la conversione tra pixel e DP non sarà coerente per tutte le dimensioni e le risoluzioni dello schermo. E questo significa che se si crea un grafico che sembra perfetto su uno schermo 480x800, non verrà ridimensionato correttamente per uno schermo 240x400.
A causa del problema di risoluzione / dimensioni dello schermo sopra menzionato, Android consiglia di creare tre serie di elementi grafici per:
Ciò manterrà il tuo progetto da ottenere crunked quando viene visualizzato su varie dimensioni dello schermo.
La griglia qui sotto mostra le varie dimensioni dello schermo e le risoluzioni che usi per i tuoi file Photoshop:
So che è molto. Ma se stai creando il tuo disegno usando strati di forme vettoriali, il processo di ridimensionamento non dovrebbe essere troppo doloroso. La chiave è progettare prima lo schermo più piccolo e poi ridimensionarlo per schermi più grandi.
Questo è il mio primo post specifico per Android, e mi piacerebbe sapere se questo è un argomento di tuo interesse.
Sei interessato a leggere più contenuti di design Android? Sondaggi con i clienti
Suggerimenti per l'esperienza utente per le app Android
Accentsconagua