Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Muchos de los relojes del ecosistema de Wear OS tienen diferentes tamaños de pantalla.
Cuando diseñes para Wear OS, ten en cuenta que las plataformas de tu app se muestran en estos diferentes tamaños de pantalla.
Principios
Ten en cuenta los siguientes principios cuando diseñes para diferentes dispositivos.
Primero lo más pequeño
Siempre diseña primero para el emulador de pantalla redonda compatible más pequeño: 192 dp. Luego, realiza optimizaciones para dispositivos más grandes.
Diseña a escala
Define los márgenes externos como porcentajes en lugar de valores absolutos, de modo que los márgenes puedan escalar de manera proporcional en pantallas redondas y evitar el recorte de elementos de la IU.
Tamaño de la fuente
La altura de un elemento de la IU puede cambiar de manera no lineal, según la escala de fuente y la configuración de accesibilidad, como el texto en negrita.
Ejemplos de tamaños de pantalla comunes
Los siguientes tamaños de pantalla son opciones particularmente comunes para dispositivos Wear OS.
Es beneficioso usar 225 dp como punto de interrupción entre las pantallas más pequeñas y las más grandes.
192 dp a 224 dp
De 225 dp a más de 240 dp
Diseños adaptables canónicos
Para obtener más información sobre cómo diseñar para una variedad de tamaños de pantalla, visita la página de diseños adaptables canónicos.
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)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-07-27 (UTC)"],[],[],null,["# Screen sizes\n\nMany of the watches within the Wear OS ecosystem have different screen sizes.\nWhen designing for Wear OS, keep in mind that your app surfaces are displayed on\nthese different screen sizes.\n\nPrinciples\n----------\n\nKeep the following principles in mind when designing for different devices.\n\n### Small first\n\nAlways design for the smallest supported round-screen emulator first:\n192 dp. Then, optimize for larger devices.\n\n### Design for scale\n\nDefine outer margins as percentages rather than absolute values, so that margins\ncan scale proportionally on round screens and avoid clipping any UI elements.\n\n### Font size\n\nThe height of a UI element might change in a non-linear way, depending on font\nscaling and accessibility settings such as bold text.\n\nExamples of common screen sizes\n-------------------------------\n\nThe following screen sizes are particularly common choices for Wear OS devices.\nIt's beneficial to use 225 dp as a breakpoint between smaller screens and larger\nscreens. \n192 dp to 224 dp \n225 dp to 240+ dp\n\nCanonical adaptive layouts\n--------------------------\n\nVisit the [canonical adaptive layouts](/design/ui/wear/guides/foundations/canonical-adaptive-layouts) page for more information on designing\nfor a variety of screen sizes."]]
