L'ecosistema Wear OS è costituito da dispositivi con schermi di varie dimensioni. L'utilizzo dei principi della UI adattiva è fondamentale per offrire la massima qualità possibile a tutti gli utenti.
Che cos'è l'interfaccia utente adattiva?
Le UI adattive ampliano e cambiano per sfruttare al meglio tutto lo spazio disponibile sullo schermo, indipendentemente dalle dimensioni dello schermo su cui viene visualizzata.
Le UI adattive cambiano in modo reattivo, utilizzando componenti e metodi integrati direttamente nella logica del layout. Questi layout utilizzano inoltre i punti di interruzione delle dimensioni dello schermo, applicando un design diverso a diverse dimensioni dello schermo, per creare un'esperienza ancora più completa per gli utenti.
Dimensioni schermo principali
![](https://developer.android.com/static/wear/images/design/key-screen-sizes.png?authuser=0000&hl=it)
Scopri le principali dimensioni di riferimento da tenere a mente quando progetti nuove esperienze
Tipi di layout
Durante la progettazione dei layout adattivi sullo schermo rotondo, le visualizzazioni a scorrimento e senza scorrimento hanno requisiti unici per la scalabilità degli elementi UI e il mantenimento di un layout e di una composizione bilanciati.
![](https://developer.android.com/static/wear/images/design/scrolling-view.gif?authuser=0000&hl=it)
Tutti i margini superiore, inferiore e laterale devono essere definiti in percentuali per evitare tagli e fornire una scalabilità proporzionale degli elementi.
![](https://developer.android.com/static/wear/images/design/non-scrolling-view.gif?authuser=0000&hl=it)
Tutti i margini devono essere definiti in percentuale e i vincoli verticali devono essere definiti in modo che i contenuti principali al centro possano allungarsi per riempire l'area disponibile.
Aggiungi valore tramite layout adattivi e pratiche di progettazione
Durante la progettazione dei layout adattivi sullo schermo rotondo, le visualizzazioni a scorrimento e senza scorrimento hanno requisiti unici per la scalabilità degli elementi UI e il mantenimento di un layout e di una composizione bilanciati.
Le immagini seguenti sono suggerimenti generali; gli esempi sono solo a scopo illustrativo. Visualizza ogni componente o pagina di piattaforma per indicazioni dettagliate, contestuali e adattabili.
![](https://developer.android.com/static/wear/images/design/content-at-a-glance.png?authuser=0000&hl=it)
I layout adattabili consentono di inserire più chip, schede, righe di testo e pulsanti in un'unica schermata
![](https://developer.android.com/static/wear/images/design/content-elements-visible.png?authuser=0000&hl=it)
Utilizza nuovi layout, applicati in corrispondenza di punti di interruzione delle dimensioni dello schermo definiti, per consentire l'introduzione di nuovi contenuti, ove possibile, e offrire all'utente un valore aggiuntivo sui dispositivi con schermi di dimensioni più grandi.
![](https://developer.android.com/static/wear/images/design/glanceability.png?authuser=0000&hl=it)
Utilizza uno spazio aggiuntivo sullo schermo per fornire contenitori più grandi, testo più grande, anelli più spessi e una visualizzazione dei dati più granulare per fornire una migliore visibilità agli utenti.
![](https://developer.android.com/static/wear/images/design/usability.png?authuser=0000&hl=it)
Usa più spazio sullo schermo per fornire target dei tocchi più grandi, una gerarchia visiva più ampia e più spazio tra i contenuti per rendere le interfacce con cui è più facile e confortevole interagire.
![](https://developer.android.com/static/wear/images/design/optimized-compositions.png?authuser=0000&hl=it)
Utilizza i nostri componenti e modelli aggiornati per offrire un aspetto migliore alle nostre UI su tutti gli schermi di tutte le dimensioni.
Qualità dell'app
![](https://developer.android.com/static/wear/images/design/quality-guidelines.png?authuser=0000&hl=it)
Le nostre norme sulla qualità sono organizzate in tre livelli. Offri agli utenti la migliore esperienza possibile rispettando le linee guida in tutti e tre i livelli.
Pronta per schermi di tutte le dimensioni |
Adattabili e ottimizzati |
Adattiva e differenziata |
Utilizza layout canonici consolidati
![](https://developer.android.com/static/wear/images/design/canonical-layouts.png?authuser=0000&hl=it)
Utilizza layout canonici consolidati per consentire alla tua UI di adattarsi senza problemi a una vasta gamma di dispositivi di dimensioni diverse.
I nostri layout canonici sono stati sviluppati in modo accurato per offrire un'esperienza di alta qualità su schermi di tutte le dimensioni.