Design adaptável é a prática de projetar layouts que se adaptam a pontos de interrupção e dispositivos específicos.
Para implementar layouts adaptáveis de forma eficaz:
- Primeiro, considere a largura da classe de janela do dispositivo para determinar as mudanças de layout e ajuste a altura.
- O Android usa conceitos de design responsivo, semelhantes ao desenvolvimento da Web, empregando grades e imagens flexíveis para criar layouts que respondem de maneira eficaz ao contexto.
Para conferir diretrizes de design sobre como adaptar layouts a tamanhos de tela maiores, leia o guia para desenvolvedores Suporte a diferentes tamanhos de tela no Compose e a página Como aplicar layout do M3. Você também pode conferir a galeria canônica de telas grandes do Android para se inspirar e implementar layouts para telas grandes.
Pense de forma adaptativa
O design adaptável deve ser o padrão ao criar seu app. O mercado de dispositivos móveis Android está em constante evolução, então não pense apenas em smartphones. Em vez disso, ele deve incluir tudo, desde smartphones, dobráveis, tablets e tudo mais.
Embora alguns recursos e casos de uso não façam sentido em todos os tamanhos de tela ou formatos. O design adaptável oferece mais liberdade aos usuários em relação a ergonomia, usabilidade e qualidade do app.
Métodos e qualidade
Comece criando telas principais (comunique os conceitos essenciais ou seu app) com tamanhos de classe como pontos de interrupção para servir de diretrizes para o restante do app. Essas experiências principais podem destacar qualidades adaptáveis e de fator de forma diferenciadas. Ou crie conteúdo responsivo em um nível fundamental, anotando como ele deve ser restringido, expandido ou refluído.
O que fazer
O que não fazer
O que fazer
Use contêineres intrínsecos e visuais para agrupar elementos. Os painéis podem entrar, ocultar, expandir, ser restritos ou aparecer. Pensar com painéis facilita o design em todos os dispositivos móveis.
Permita que os elementos mudem e sejam reorganizados ao focar em como eles se adaptam à grade. Considere a mudança vertical para elementos e combine com restrições e mudanças de apresentação.
Um app de alta qualidade precisa atender ao nível diferenciado nas diretrizes de qualidade de apps principais e para telas grandes.
Para saber mais sobre layouts, confira a página Entendendo o layout do Material Design 3 (M3).