Home Tecnología Qué se están implementando los rediseños de Google Material 3 Expressive (U)

Qué se están implementando los rediseños de Google Material 3 Expressive (U)

13
0

Google anunció su nuevo lenguaje de diseño en mayo. Desde entonces, se han estado implementando rediseños expresivos de Material 3 en las aplicaciones de Google, pero el lanzamiento de Pixel 10 y Android 16 QPR1 realmente fue el inicio. Aquí está nuestra lista de lo que está disponible y lo que está por venir en teléfonos Android.

Actualizado el 17/11: la mayoría de las aplicaciones de Google ahora tienen M3 Expressive.

Lanzamientos recientes

(Nuevo) Documentos, Hojas de cálculo y Presentaciones de Google II

Después del editor de agosto, las páginas de inicio de Google Docs, Sheets y Slides ahora tienen Material 3 Expressive. Está la barra de la aplicación de búsqueda y un FAB grande, que es el único componente con el tema Dynamic Color en la actualidad.

Más

Anuncio: desplácese para ver más contenido

(Nuevo) Fitbit

La aplicación de Fitbit que se lanzará el próximo año trae un rediseño completo de Material 3 Expressive. Esto incluye el indicador de carga contenido, varias formas M3 Expressive y la barra de herramientas flotante en páginas métricas.

Más

Completamente lanzado

(En orden alfabético)

Bienestar digital

Sólo la página principal de esta “aplicación” (dentro de Configuración) se actualizó con M3 Expressive. Además de los contenedores, el gráfico de anillos es más grueso. Esto se implementará con la versión beta 1.30.x.

Archivos de Google

Hay un carrusel animado de Material 3 en la página de inicio con una barra de herramientas en forma de píldora para compartir rápidamente y escanear documentos, mientras que ahora se aprovecha una barra de navegación. Al abrir una imagen, hay una barra de herramientas para editar y un círculo para buscar. Las vistas de lista tienen vistas previas más grandes a la izquierda.

Más

Buscar centro

Hay una barra inferior más corta, mientras que la hoja presenta esquinas redondeadas más prominentes. Una buena usabilidad es que los pines del dispositivo ahora son más grandes.

Más

Gmail

Su lista de correos electrónicos y el mensaje real se colocan en un contenedor, mientras que hay una animación prominente en forma de píldora cuando se utilizan los gestos de deslizar. Mientras tanto, en la barra de la aplicación de búsqueda, el botón de hamburguesa y el menú de perfil salen del campo en forma de píldora.

Más

Calculadora de Google

La versión 9.0 oculta la fila de funciones científicas, mientras que ahora hay un botón de historial (pero el gesto de deslizar hacia abajo permanece).

Más

Calendario de Google

Los intervalos de tiempo (horas y días) se colocan en su propio contenedor redondeado en las distintas vistas de la aplicación (día, semana, mes). Esto reemplaza las líneas tenues utilizadas anteriormente, mientras que ahora hay una capa de fondo sólida en el color dinámico primario. Más

Además, ahora se aprovecha un menú FAB para la creación de eventos, tareas, fuera de la oficina y cumpleaños.

Los widgets tendrán un botón en forma de píldora en la esquina superior derecha, mientras que la mayoría de las vistas eliminarán el diseño de dos columnas.

Chat de Google

Al igual que Gmail, Google Chat utiliza una barra de aplicaciones de chat y coloca la lista de mensajes en un contenedor. La barra de herramientas flotante aprovecha una pastilla para resaltar la pestaña que estás viendo actualmente, mientras que la interfaz de chat coloca el menú “más” en una pastilla vertical.

Google Chrome

Los contenedores circulares se utilizan para la fila superior de acciones en el menú adicional de tres puntos. En la cuadrícula de pestañas, el botón ‘nueva pestaña’ y el selector estándar/Incógnito/Grupos se colocan en contenedores.

Más

Reloj de Google

La versión 8.1 se está implementando con una barra inferior más corta y una nueva fuente, mientras que ahora es un FAB cuadrado redondeado a la derecha.

Más

Contactos de Google

Este sencillo rediseño coloca todo en contenedores, mientras que la barra inferior ahora es más corta. También hay ajustes de color en el fondo de la aplicación.

Más

Documentos, hojas de cálculo y diapositivas de Google

Las actualizaciones en estas tres aplicaciones se aplican específicamente a la interfaz del editor con el nuevo Material 3 Expressive. indicador de progreso mientras espera que se carguen los documentos. Se utilizan botones en forma de píldora en todas partes, mientras que la hoja Formato se moderniza completamente, incluso con el botón dividir componente.

Más

Google Drive

Este rediseño obtiene una barra de aplicación de búsqueda, una barra inferior corta, un menú FAB y grupos de botones, mientras que cada elemento de línea se coloca en un contenedor.

Más

El escáner de la cámara recibirá un editor rediseñado que aprovecha Material 3 Expressive.

Más

Inicio de Google

La aplicación Google Home rediseñada presenta algunos componentes Material 3 Expressive, como botones de transformación cuando te deslizas entre las pestañas superiores del feed de Inicio y en el creador de Automatizaciones. El campo “Preguntar a casa” tiene una función similar a la barra de una aplicación de búsqueda, mientras que el brillo que aparece al iniciar la aplicación es ciertamente encantador. Dicho esto, sigue siendo una barra inferior alta.

Más

Mantener Google

Google Keep utiliza el nuevo componente de barra de la aplicación de búsqueda M3 Expressive que mueve el botón de hamburguesa y el selector de perfiles fuera de la barra de búsqueda, que ahora es más gruesa. La otra actualización principal está en la página de notas con todos los botones (Archivo, menú ‘más’, desbordamiento, etc.) colocados en contenedores.

Ancho

mapas de google

Los listados en Google Maps ahora utilizan contenedores M3 Expressive para mejorar la información del grupo. Además, el carrusel de acciones aparece de manera más consistente en la parte inferior de la pantalla.

Más

Reunión de Google

Google Meet es la primera aplicación que ha implementado ampliamente un rediseño de Material 3 Expressive. En la página de inicio, cada llamada se coloca en una tarjeta grande/alta como parte del uso intensivo de contenedores por parte de M3E.

La pantalla de prellamada ve más al M3 Expressive con botones de llamada de voz y video muy grandes que parecen desproporcionados. El nombre, la foto y la dirección de correo electrónico de a quién llama se colocan en una pastilla y se centran en la parte superior. Varios botones van desde círculos hasta cuadrados redondeados.

Más

Mensajes de Google

La lista de conversaciones y el hilo de mensajes ahora se colocan en contenedores. Google también ha rediseñado el menú ‘más’ con todos los botones colocados en pastillas. Otras partes de la aplicación que obtienen Material 3 Expressive incluyen Nuevo chat, Búsqueda y Configuración.

Más — 2 — 3

Google uno

La aplicación cambia a una barra inferior más corta, mientras que las tarjetas (y la Configuración) se colocan en contenedores más destacados. Mientras tanto, Google One eliminó sus infografías para hacer una aplicación más densa.

Más

Administrador de contraseñas de Google

Hay una nueva barra de aplicaciones de búsqueda con el Administrador de contraseñas en la esquina superior izquierda. Los filtros para Todos, Contraseñas, Claves de acceso y dispositivos de red constituyen una buena actualización de funcionalidad, mientras que las credenciales se colocan en contenedores.

Más

Fotos de Google

Un nuevo indicador de respaldo en la parte superior de la aplicación reemplaza a “Google Photos”. Al iniciarlo, aparece brevemente un logotipo que se anima y dice “Copia de seguridad completa”. Puede arrastrar hacia abajo (tirar para actualizar) para ver el material 3 en bicicleta Formas expresivas en una capa de fondo que también indica cuánto ha almacenado en la nube. Cuando algo retrocede, hay un indicador de progreso ondulado.

Más

Google TV

La aplicación Google TV tiene una barra inferior corta con un color de acento blanco que también se usa en tres de las cuatro pestañas de la píldora de búsqueda. En la pestaña Para ti, ese botón tiene un tema basado en el carrusel de medios.

Mientras tanto, el control remoto actualiza las formas de los botones. También hay una transformación botón dividir en la parte superior para ver el menú del dispositivo.

Más

Cartera de Google

En la esquina superior izquierda, “Wallet” ha sido reemplazado por el logotipo de la aplicación, mientras que ahora hay un FAB (botón de acción flotante) grande para Agregar a Wallet. Los contenedores se aprovechan en toda la aplicación para Configuración y Actividad reciente.

Más

La animación de tocar para pagar NFC también obtiene M3 Expressive. El fondo ahora es translúcido y su tarjeta salta hacia arriba y hacia abajo como parte de una animación de éxito más animada. Además, Google tiene una nueva superposición en los teléfonos Pixel más nuevos con el gesto de tocar dos veces el botón de encendido.

Mi píxel

La aplicación Pixel Tips ahora se llama “My Pixel” y recibe una revisión completa que agrega opciones de soporte y una Google Store completa.

Más

Teléfono por Google

En comparación con otras aplicaciones, Phone by Google utiliza Material 3 Expressive como una oportunidad para una revisión completa. La barra inferior pasa de cuatro pestañas a tres y Favoritos y Recientes se convierten en “Inicio”. Hay una nueva pestaña “Teclado” que reemplaza al FAB, mientras que “Correo de voz” no ha cambiado. Los contactos ahora se pueden encontrar en un cajón de navegación. Todas las llamadas y listas (incluida la Configuración) utilizan contenedores.

Las pantallas Entrante y En Llamada cuentan con botones actualizados con objetivos táctiles más grandes. Puede elegir entre deslizamiento horizontal o toque único.

Ancho

Brotes de píxeles

La gran actualización es el ecualizador y la forma de personalizar los gestos de Bud.

Más

Cámara de píxeles

El rediseño de la cámara incluye varios ajustes en la forma de los botones que ayudan a enfatizar lo que está seleccionado actualmente. El panel de Configuración es más corto, mientras que la lista principal se beneficia de los contenedores Material 3 Expressive y de una reorganización general.

Más

Grabador de píxeles

Este rediseño de Material 3 Expressive tiene como objetivo simplificar enormemente la Grabadora. Por ejemplo, hay una hoja adicional para la gran mayoría de acciones en la página de grabación. La interfaz de captura también se ha simplificado.

Más

Capturas de pantalla de píxeles

Ahora hay un FAB cuadrado redondeado y otros ajustes de M3 Expressive.

Estudio de píxeles

Además de eliminar el estado de “vista previa”, Pixel Studio 2.0 presenta un nuevo editor de imágenes que reemplaza al marcado en la mayoría de los casos. Con un diseño Material 3 Expressive, recortar, dibujar/resaltar y subtítulos se combinan con herramientas de IA generativa. Puede crear pegatinas, borrar y cambiar una parte seleccionada mediante indicaciones.

Más

VIP de píxeles

Los envases en forma de pastillas reemplazan a los botones circulares.

Reloj de píxeles

Con el lanzamiento de Pixel Watch 4, la aplicación complementaria obtiene un nuevo ícono y más Material 3 Expressive. El rediseño inicial se aplicó a la página de inicio, con una segunda ola que actualizó todos los menús con contenedores para mejorar la separación visual.

Más

Tiempo de píxeles

La página de inicio de Pixel Weather amplía el tamaño de las tarjetas de ciudades. Pasas de poder ver 10 ubicaciones a solo seis, pero ahora se incluyen los altos y bajos. Hay pequeños ajustes en la vista de la ciudad, y la gran actualización son los widgets nativos de la pantalla de inicio.

Más

Compartir rápido

La nueva experiencia Quick Share en pantalla completa aprovecha al máximo Material 3 Expressive.

Más

FTC: Utilizamos enlaces de afiliados automáticos que generan ingresos. Más.

Fuente de noticias