La progettazione adattiva è la pratica di progettare layout che si adattano a punti di interruzione e dispositivi specifici.
Per implementare i layout adattivi in modo efficace:
- Innanzitutto, considera la larghezza della classe della finestra del dispositivo per determinare le modifiche al layout, poi regola l'altezza.
- Android sfrutta i concetti di responsive design, simili allo sviluppo web, utilizzando griglie e immagini flessibili per creare layout che rispondano in modo efficace al loro contesto.
Per le linee guida di progettazione sull'adattamento dei layout a dimensioni dello schermo più grandi, consulta la guida per gli sviluppatori Supportare diverse dimensioni dello schermo in Compose e la pagina Applicare il layout di M3. Puoi anche consultare la galleria canonica per schermi di grandi dimensioni di Android per trovare ispirazione e implementare layout per schermi di grandi dimensioni.
Pensa in modo adattivo
L'adattabilità deve essere l'impostazione predefinita durante la progettazione dell'app. Il mercato mobile Android è in continua evoluzione, quindi non puoi pensare ai dispositivi mobili solo come smartphone. ma dovrebbe includere tutto, dagli smartphone ai pieghevoli, ai tablet e tutto il resto.
Sebbene alcune funzionalità e alcuni casi d'uso potrebbero non essere adatti a tutte le dimensioni dello schermo o ai fattori di forma. Il design adattivo offre agli utenti maggiore libertà in termini di ergonomia, usabilità e qualità dell'app.
Metodi e qualità
Puoi iniziare progettando le schermate principali (comunicando i concetti essenziali o la tua app) con le dimensioni delle classi come punti di interruzione per fungere da linee guida per il resto della tua app. Queste esperienze principali possono mettere in evidenza le qualità differenziate di adattamento e del fattore di forma. Oppure progetta contenuti reattivi a livello di base annotando come devono essere vincolati, espansi o riformattati.
Cosa fare
Cosa non fare
Cosa fare
Utilizza contenitori intrinseci e visivi per raggruppare gli elementi. I riquadri possono spostarsi, nascondersi, espandersi, essere vincolati o aprirsi. Pensare in termini di riquadri semplifica la progettazione su tutti i dispositivi mobili.
Consenti agli elementi di spostarsi e riorganizzarsi concentrandoti su come si adattano alla griglia. Prendi in considerazione la modifica verticale degli elementi e combinala con i vincoli e le modifiche alla presentazione.
Un'app di alta qualità deve soddisfare il livello differenziato delle norme sulla qualità principali delle app e sulla qualità per schermi di grandi dimensioni.
Per saperne di più sui layout, consulta la pagina Informazioni sul layout di Material Design 3 (M3).