Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Las apps que son adaptables y diferenciadas crean una experiencia del usuario que no es posible en dispositivos con pantallas más pequeñas.
Estas apps usan diseños nuevos, implementados en un punto de interrupción de tamaño de pantalla clave, a fin de obtener valor adicional para los usuarios de dispositivos con pantallas más grandes, lo que permite una experiencia del usuario que los dispositivos con pantallas más pequeñas no pueden igualar.
Agregar valor mediante la aplicación de nuevos diseños y plantillas
Las apps diferenciadas con diseño adaptable siguen las prácticas de diseño adaptable, pero también utilizan puntos de interrupción para aplicar diferentes diseños y crear una experiencia aún más enriquecida para los usuarios de dispositivos con pantallas mucho más grandes, como se muestra en los siguientes ejemplos:
Agrega información visible nueva.Agrega más posibilidades táctiles.Aumenta la densidad de la información de los gráficos.Ajusta el comportamiento o el diseño de los componentes con puntos de interrupción para llenar el espacio disponible.
Cómo usar los puntos de interrupción en Wear OS
El uso de un punto de interrupción a 225 dp puede ayudar a optimizar los diseños en una variedad de tamaños.
Consulta la guía de implementación de Compose y Tiles para obtener diseños diferenciados.
check_circle
Qué debes hacer
Piensa en grande.
Crea diseños y comportamientos personalizados a 225 dp o más.
cancel
Lo que no debes hacer
No te conformes con menos.
Diseña para un solo tamaño de dispositivo.
No dejes que tu app no se destaque.
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2025-07-27 (UTC)
[null,null,["Última actualización: 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."]]
