
Un diseño define la estructura visual para que un usuario interactúe con tu app, por ejemplo, en un elemento componible. Android proporciona una variedad de bibliotecas, puntos de partida canónicos y técnicas para mostrar y posicionar contenido.
Comenzar
Comienza a diseñar diseños de Android aprendiendo la anatomía de la app y, luego, cómo estructurar el contenido de tu app.
Conclusiones
Ten en cuenta las diferentes relaciones de aspecto, clases de tamaño y resoluciones que los usuarios podrían encontrar. Verifica que tu app proporcione una buena experiencia del usuario tanto en orientación horizontal como vertical, así como en diferentes tamaños de pantalla y factores de forma.
Para obtener más información, consulta la guía para adaptar tu diseño y los diseños canónicos.
Respeta las áreas seguras del dispositivo, que incluyen partes de la IU, como recortes de pantalla inserciones de borde a borde, pantallas de borde, teclados en pantalla y barras del sistema. Proporciona un diseño flexible para que los usuarios interactúen con el teclado.
Qué debes hacer
Qué no debes hacer
Mantén las interacciones esenciales, como la navegación principal, en un área de la pantalla accesible. Los botones de acción flotantes (BAF) proporcionan un punto de interacción destacado y accesible.
Usa la contención para agrupar contenido relacionado y guiar al usuario a través del contenido y acciones. Tarjetas que usan contención explícita para agrupar contenido con acciones relacionadas.
Alineación
Proporciona una alineación coherente entre el contenido similar y los elementos de la IU.
Qué debes hacer
Qué no debes hacer
No abrumes al usuario con demasiadas acciones por vista.
Cuando compiles diseños personalizados, anota cómo debe ubicarse el contenido dentro del diseño con términos de alineación, restricciones o gravedad. Incluye cómo deben responder las imágenes a su contenedor para que se muestren correctamente.