Material 3 Expressive si basa sul linguaggio delle forme in modo molto più ampio e significativo utilizzando forme di contenitori flessibili per applicare l'arrotondamento e l'affilatura dei raggi degli angoli per supportare le liste di morphing delle forme e gli stati dei pulsanti. Il sistema di progettazione introduce anche i pulsanti che aderiscono ai bordi come pattern di progettazione iconico e di proprietà per i dispositivi rotondi su Wear OS.
Mantenere la scalabilità degli elementi dell'interfaccia utente
Quando progetti layout su uno schermo rotondo, le visualizzazioni scorrevoli e non scorrevoli hanno requisiti unici per mantenere il ridimensionamento degli elementi UI e preservare un layout e una composizione bilanciati.
Visualizzazioni con scorrimento
Per le visualizzazioni scorrevoli, utilizza le percentuali per definire tutti i margini superiore, inferiore e laterali per evitare il ritaglio e fornire un ridimensionamento proporzionale degli elementi.
Tutti i margini superiore, inferiore e laterali devono essere definiti in percentuale per evitare il ritaglio e fornire il ridimensionamento proporzionale degli elementi.
Visualizzazioni non scorrevoli
Per le visualizzazioni non scorrevoli, utilizza percentuali e vincoli verticali per tutti i margini. In questo modo, i contenuti principali al centro possono estendersi per riempire l'area disponibile.
Tutti i margini devono essere definiti in percentuale e i vincoli verticali devono essere definiti in modo che i contenuti principali al centro possano estendersi per riempire l'area disponibile.
Livelli delle norme sulla qualità
Le nostre norme sulla qualità sono organizzate in tre livelli. Offri la migliore esperienza possibile ai tuoi utenti rispettando le linee guida in tutti e tre i livelli.
Pronto per tutte le dimensioni dello schermo
Assicurati che la tua app offra un'esperienza di qualità su tutte le dimensioni dello schermo. Crea layout che utilizzano completamente lo spazio disponibile nell'app.
Reattivo e ottimizzato
Offri più contenuti agli utenti sui dispositivi che lo consentono e utilizza layout adattabili che si adattano automaticamente a dimensioni dello schermo diverse.
Adattivo e differenziato
Sfrutta al meglio lo spazio aggiuntivo utilizzando i punti di interruzione per offrire nuove esperienze potenti su schermi più grandi, impossibili sui dispositivi con schermi più piccoli.