Tras la ola inicial de Material 3 Expressive, Google está trabajando para rediseñar los componentes restantes al último lenguaje de diseño, y menús están arriba este mes.
M3 Expressive presenta “menús verticales” que tienen “nuevas formas, estilos de color, estados de selección y movimiento de submenú refinado”.
En comparación con el “menú básico” anterior (que todavía está disponible para su uso), las esquinas se han redondeado, mientras que los divisores y la selección actual ya no abarcan todo el ancho del contenedor.
Menús básicos versus menús verticales
Anuncio: desplácese para ver más contenido
Google introdujo una nueva opción “con espacio” para unir “con divisor” para un “diseño más flexible en Android” y una separación distinta. Se pueden utilizar para “agrupar acciones similares” y “son más expresivos que los divisores y aclaran la relación entre elementos”. Las pautas de uso incluyen:
Evite cambiar el tamaño del espacio Limite el número de espacios en un menú a uno o dos No utilice espacios en menús desplazables
En cuanto al estilo de color, un menú “vibrante” destaca mucho más que el “estándar”, aunque Google recomienda que “deben usarse con moderación”.
Estándar: basado en la superficie, menor énfasis visual. Vibrante: basado en el sector terciario, mayor énfasis visual.
Los menús funcionan muy bien con el nuevo botón de división, mientras que la transformación de forma de ME3 se puede utilizar para que “las esquinas del submenú enfocado se vuelvan más redondeadas, mientras que el submenú desenfocado se vuelve menos redondeado”. Como se ve a continuación, esto “agrega una calidad dinámica a las interacciones del menú”.
En I/O 2025, Google introdujo cinco nuevos componentes expresivos: grupos de botones, menú FAB, indicador de carga, botón de división y barras de herramientas. También se actualizaron una gran cantidad de componentes existentes: botones, FAB extendido, FAB, botones de íconos, indicadores de progreso, barra de navegación, barra de navegación, barras de aplicaciones, menús, controles deslizantes y barras de herramientas.
FTC: Utilizamos enlaces de afiliados automáticos que generan ingresos. Más.
