Floating Toolbars en Material 3 Expressive: ¿Qué falta?
Google está introduciendo cambios significativos en la disposición de las herramientas en sus aplicaciones con Material 3 Expressive. Este enfoque se centra en la utilización de controles inferiores mediante barras de herramientas, diseñadas para mostrar acciones frecuentemente usadas en la página actual.
Tipos de Barras de Herramientas en Material 3 Expressive
Configuraciones de Color
Google advierte contra el uso conjunto de una barra de herramientas y una barra de navegación inferior. Se sugiere mostrar la barra de navegación en páginas principales y las barras de herramientas en páginas secundarias con acciones.
Cuestiones Pendientes
Actualmente, Material 3 Expressive no incluye una barra de navegación flotante/inferior, aunque sigue presente en Google Chat y algunos diseños de M3E. Esto podría añadirse en futuras actualizaciones.
Fuente: 9to5Google
Google está introduciendo cambios significativos en la disposición de las herramientas en sus aplicaciones con Material 3 Expressive. Este enfoque se centra en la utilización de controles inferiores mediante barras de herramientas, diseñadas para mostrar acciones frecuentemente usadas en la página actual.
Tipos de Barras de Herramientas en Material 3 Expressive
- Barra de herramientas acoplada: Se extiende a lo largo de toda la ventana y es ideal para acciones globales que permanecen consistentes en múltiples páginas. Esta barra sustituye la barra de aplicaciones inferior, que ha quedado obsoleta. Google recomienda reemplazarla con la barra de herramientas acoplada por su similitud y mayor flexibilidad.
- Barra de herramientas flotante: Flota sobre el contenido del cuerpo, adecuada para acciones contextuales relevantes al contenido o página específica. Puede combinarse con un botón de acción flotante (FAB) y es utilizada en la vista de álbumes rediseñada de Google Photos, proporcionando una experiencia más integral.
- Estas barras flotantes también pueden actuar como pestañas entre páginas relacionadas, como en Fitbit para seleccionar entre vistas de Día, Semana, Mes y Año.
Configuraciones de Color
- Estándar: Un esquema de color de baja intensidad que se utiliza para enfocar la atención en el contenido principal.
- Vibrante: Un esquema de color de alta intensidad que llama la atención sobre los controles, útil para indicar cambios temporales en el comportamiento de la página, como entrar en modo de edición.
Google advierte contra el uso conjunto de una barra de herramientas y una barra de navegación inferior. Se sugiere mostrar la barra de navegación en páginas principales y las barras de herramientas en páginas secundarias con acciones.
Cuestiones Pendientes
Actualmente, Material 3 Expressive no incluye una barra de navegación flotante/inferior, aunque sigue presente en Google Chat y algunos diseños de M3E. Esto podría añadirse en futuras actualizaciones.
Fuente: 9to5Google