Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Apps adaptáveis e diferenciados criam uma experiência do usuário que
não é possível em dispositivos com telas menores.
Esses apps usam novos layouts, implementados em um ponto de interrupção de tamanho de tela importante, para
gerar mais valor para usuários de dispositivos com telas maiores, permitindo uma
experiência do usuário que não pode ser correspondida a dispositivos com telas menores.
Adicione valor aplicando novos layouts e modelos
Os apps diferenciados com layout adaptável seguem as práticas de design adaptável, mas
também utilizam pontos de interrupção para aplicar layouts diferentes e criar uma experiência ainda mais rica
para usuários de dispositivos com telas substancialmente maiores, como mostrado nos
exemplos a seguir:
Adicione novas informações de fácil visualização.Adicione mais affordances tocáveis.Aumente a densidade de informações dos gráficos e tabelas.Ajuste o comportamento ou o design do componente usando pontos de interrupção para
preencher o espaço disponível.
Usar pontos de interrupção no Wear OS
O uso de um ponto de interrupção a 225 dp pode ajudar a otimizar layouts em vários
tamanhos.
Consulte as orientações de implementação do Compose e de Blocos para layouts
diferenciados.
check_circle
O que fazer
Pense grande.
Crie layouts e comportamentos
personalizados a 225 dp ou mais.
cancel
O que não fazer
Se contentar com menos.
Projete para apenas um tamanho
de dispositivo.
Criar um app que não se destaque.
O conteúdo e os exemplos de código nesta página estão sujeitos às licenças descritas na Licença de conteúdo. Java e OpenJDK são marcas registradas da Oracle e/ou suas afiliadas.
Última atualização 2025-07-27 UTC.
[null,null,["Última atualização 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."]]
