Principes de base de la mise en page

Illustration des principes de base de la mise en page principale

Une mise en page définit la structure visuelle permettant à un utilisateur d'interagir avec votre application, par exemple dans un composable. Android fournit un éventail de bibliothèques, de points de départ canoniques et de techniques pour afficher et positionner du contenu.

Commencer

Commencez à concevoir des mises en page Android en vous familiarisant avec l'anatomie des applications, puis avec la manière de structurer le contenu de votre application.

Points à retenir

Orientation de la mise en page

Tenez compte des différents formats, classes de taille et résolutions que les utilisateurs peuvent rencontrer. Vérifiez que votre application offre une bonne expérience utilisateur en mode paysage et portrait, ainsi que sur différentes tailles d'écran et facteurs de forme.

Pour en savoir plus, consultez les conseils sur l'adaptation de votre mise en page et les mises en page canoniques.

Zones sécurisées de l'appareil

Respectez les zones sécurisées de l'appareil, qui incluent des parties de l'interface utilisateur telles que les découpes d'écran , les encarts bord à bord, les écrans de bord, les claviers logiciels et les barres système. Fournissez une mise en page flexible permettant aux utilisateurs d' interagir avec le clavier.

À faire

Concentrez-vous sur les entrées utilisateur. Si le clavier est présent, déplacez l'entrée vers le haut dans un état de mise au point ou envisagez de joindre l'entrée de texte au clavier.

À éviter

Masquez les entrées. Même sur les petits écrans, l'utilisateur peut ne pas savoir ou ne pas pouvoir faire défiler l'écran.
Ergonomie de l'interaction

Conservez les interactions essentielles, comme la navigation principale, dans une zone d'écran accessible. Les boutons d'action flottants offrent un point d'interaction visible et accessible.

Groupes de confinement

Utilisez le confinement pour regrouper le contenu associé afin de guider l'utilisateur dans le contenu et les actions. Cartes utilisant un confinement explicite pour regrouper le contenu avec des actions associées.

Alignement

Assurez un alignement cohérent entre le contenu et les éléments d'interface utilisateur similaires.

À faire

Établissez un espacement cohérent entre les éléments similaires.

À éviter

Perturbez la lisibilité en espaçant de manière incohérente les éléments similaires, ce qui peut donner l'impression que les conceptions sont aléatoires.
Interactions essentielles

Ne submergez pas votre utilisateur avec trop d'actions par vue.

Spécifications de mise en page

Lorsque vous créez des mises en page personnalisées, indiquez comment le contenu doit s'intégrer dans la mise en page à l'aide de termes d'alignement, de contraintes ou de gravité. Indiquez comment les images doivent répondre à leur conteneur pour s'afficher correctement.