Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Les applications adaptatives et différenciées créent une expérience utilisateur qui n'est pas possible sur les appareils à petit écran.
Ces applications utilisent de nouvelles mises en page, implémentées à un point d'arrêt clé de la taille de l'écran, afin de générer une valeur supplémentaire pour les utilisateurs d'appareils dotés d'écrans plus grands, offrant ainsi une expérience utilisateur que les appareils dotés d'écrans plus petits ne peuvent pas offrir.
Ajouter de la valeur en appliquant de nouvelles mises en page et de nouveaux modèles
Les applications différenciées de mise en page adaptative suivent des pratiques de conception adaptatives, mais utilisent également des points d'arrêt pour appliquer différentes mises en page et créer une expérience encore plus riche pour les utilisateurs d'appareils dont les écrans sont sensiblement plus grands, comme illustré dans les exemples suivants:
Ajoutez de nouvelles informations lisibles en un coup d'œil.Ajoutez d'autres affordances tactiles.Augmentez la densité d'informations des graphiques et des diagrammes.Ajustez le comportement ou la conception des composants à l'aide de points d'arrêt pour remplir l'espace disponible.
Utiliser des points d'arrêt sur Wear OS
L'utilisation d'un point d'arrêt à 225 dp peut vous aider à optimiser les mises en page dans différentes tailles.
Consultez les conseils d'implémentation de Compose et des cartes pour obtenir des mises en page différenciées.
check_circle
À faire
Voyez les choses en grand.
Concevez des mises en page et des comportements personnalisés à 225 dp et plus.
cancel
À éviter
Ne vous laissez pas abattre.
Concevez votre application pour une seule taille d'appareil.
Faites en sorte que votre application ne se démarque pas des autres.
Le contenu et les exemples de code de cette page sont soumis aux licences décrites dans la Licence de contenu. Java et OpenJDK sont des marques ou des marques déposées d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/07/27 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2025/07/27 (UTC)."],[],[],null,["# Adaptive and differentiated\n\nApps that are **adaptive and differentiated** create a user experience that\nisn't possible on devices with smaller screens.\n\nThese apps use new layouts, implemented at a key screen size breakpoint, to\nderive additional value for users of devices with larger screens, enabling a\nuser experience that devices with smaller screens can't match.\n\nAdd value by applying new layouts and templates\n-----------------------------------------------\n\nAdaptive layout differentiated apps follow [adaptive design practices](/design/ui/wear/guides/foundations/adaptive-layouts) but\nalso utilize breakpoints to apply different layouts and create an even richer\nexperience for users of devices with substantially larger screens, as shown in\nthe following examples:\nAdd new glanceable information. Add more tappable affordances. Increase the information density of graphs and charts. Adjust component behavior or design with the use of breakpoints to fill the available space.\n\nUse breakpoints on Wear OS\n--------------------------\n\nUtilizing a breakpoint at 225 dp can help optimize layouts across a range of\nsizes.\n\nSee the [Compose](/training/wearables/compose/screen-size#breakpoints) and [Tiles](/training/wearables/tiles/screen-size#breakpoints) implementation guidance for differentiated\nlayouts. \ncheck_circle\n\n### Do\n\n- Think big.\n- Design custom layouts and behaviors at 225 dp and larger. \ncancel\n\n### Don't\n\n- Settle for less.\n- Design for just one device size.\n- Let your app be unremarkable."]]