En el show de Android: Edición de E/S, Google anunció hoy un rediseño expresivo 3 Big Material 3 para Android 16 que llegará más adelante este año, comenzando en Pixel.
M3 Expresivo para Android 16
Con el material 3 expresivo, Google quiere agregar emoción a la interfaz al tiempo que hace que todo sea más atractivo y más fácil de usar.
Google promociona animaciones naturales y elásticas. Por ejemplo, al descartar una notificación, sentirá un “Rumble háptico satisfactorio”, mientras que otras alertas junto a ella “responderán sutilmente a su arrastre”. Otros ejemplos de esto incluyen “descartar una aplicación en la pantalla de su aplicación reciente, inquietarse con el control deslizante de volumen o arrojar la sombra (notificación)”.
El fondo de antecedentes en el panel de configuración y notificaciones rápidas, así como la multitarea de recientes, agrega una sensación de profundidad y preserva el contexto al navegar por su dispositivo. El lenguaje de diseño actualizado incluye nuevos componentes receptivos, tipografía “enfatizada” y “temas de color dinámico actualizados”.
Anuncio – Desplácese por más contenido
Google dice que todo seguirá funcionando y que estas actualizaciones no afectarán la duración de la batería.
Estos cambios (para Pixel) comienzan en la pantalla de bloqueo, con Google moviendo algunos elementos. Por ejemplo, cuando tiene notificaciones, el día/fecha y en un clima de un vistazo ahora aparecen a la derecha del reloj de la esquina. De lo contrario, aparece debajo del tiempo completo justo por encima del círculo de huellas digitales.
Las actualizaciones en vivo mostrarán alertas de la entrega, el viaje compartido y las aplicaciones de navegación en la pantalla de bloqueo y la pantalla Always-On (AOD). Cuando su teléfono se desbloquee, puede tocar la píldora de actualizaciones en vivo junto al momento para mostrar la notificación completa, mientras que aparecerá como lo primero en notificaciones.
La barra de estado presenta nuevos íconos que generalmente separan las cosas en elementos distintos. De un vistazo a la pantalla de inicio es un poco más compacto.
Cuando se tire hacia abajo para la sombra, notará que desenfoque para que su fondo de pantalla (en el ejemplo anterior) sea visible en el fondo. En la parte inferior, obtienes botones en forma de píldora para el historial de notificaciones, despejar todo y preferencias de alerta.
Ese efecto está presente al abrir el panel completo de configuración rápida, con mosaicos residables que le permiten ajustar más acciones. En general, los mosaicos QS cambian de píldoras a rectángulos redondeados cuando se activan. Hay un control deslizante de brillo más bloqueado en la parte superior con un mango prominente, y el control deslizante de volumen también recibe el mismo tratamiento.
Este rediseño expresivo del material 3 viene con Android 16 a finales de este año, comenzando en Pixel. Material 3 Expressive también comenzará a aparecer en Google Apps, con el Google Keep actualizado y los nuevos widgets de Gemini que pertenecen a este nuevo lenguaje de diseño.
M3 expresivo para aplicaciones
El material 3 expresivo se describe como una evolución del material 3, que se anunció en 2021. No es “M4” o una nueva versión del sistema de diseño. Google dice que “las interfaces expresivas tienen un impacto emocional, fomentando la conexión evocando una sensación o estado de ánimo a través del diseño y la interacción visual”.
Comienza con quince componentes nuevos o actualizados que son más configurables con nuevas “opciones de forma, texto enfatizado y otras actualizaciones expresivas”. Los nuevos componentes hoy incluyen: grupos de botones, menú Fab, indicadores de carga, botón dividido y barras de herramientas.
Mientras tanto, Google ha actualizado: barras de aplicaciones, carrusel, botones comunes, fabulosos extendidos, fabs, botones de iconos, barra de navegación, riel de navegación e indicadores de progreso.
Luego tiene un nuevo sistema de física de movimiento que “hace que las interacciones y las transiciones se sientan más vivas, fluidas y naturales”.
Los manantiales espaciales reflejan la física de cómo los objetos realmente se mueven, haciendo que las animaciones sean claras y predecibles. Los resortes de efectos crean transiciones perfectas para cambios en color y opacidad.
Material 3 Expresivo utiliza estilos de tipografía para enfatizar la jerarquía de información y acciones importantes:
Se pueden usar nuevos estilos de tipo para fuentes variables y estáticas para expresar una variedad de estados emocionales, ajustar automáticamente las variables para la legibilidad y admitir diseños editoriales en negrita.
Google promociona un nuevo conjunto de 35 formas que se pueden usar para avatares, crupos de imágenes y otros detalles decorativos.
Una animación de morfo de forma incorporada permite transiciones suaves de una forma a otra. Esto puede ser dinámico o tan simple como un cambio cuadrado a un círculo.
En el frente de color, hay un rango ampliado para “agudizar la jerarquía y aclarar las acciones clave”.
Pantallas expresivas de una aplicación de mensajería especulativa, que muestra el rango de posible color
temas
Google ofrece a los desarrolladores tácticos expresivos para “ayudar a guiar la atención del espectador a los elementos más importantes de la pantalla”. Esto incluye aprovechar el color de las formas, la tipografía, los contenedores y el movimiento.
FTC: Utilizamos ingresos que ganan enlaces de afiliados para automóviles. Más.
