Google anunció su nuevo lenguaje de diseño en mayo. Material 3 Rediseños expresivos se han implementado en Google Apps desde entonces, pero el lanzamiento de Pixel 10 y Android 16 QPR1 realmente inició cosas. Aquí está nuestra lista de lo que está disponible y aún por los teléfonos Android.
Actualizado el 27/09: consulte la tabla para obtener lo nuevo y actualizado.
Despliegue
Gmail II
La siguiente fase del rediseño de Gmail es colocar cada mensaje en la página de inicio en un contenedor, con un estrecho borde izquierdo/derecho ahora existente.
Más
Anuncio – Desplácese por más contenido
Google Chrome
En la interfaz de navegación principal, ahora se usa un indicador de progreso de material dividido 3. Los contenedores circulares se aprovechan para la fila superior de acciones en el menú de desbordamiento. En la cuadrícula de pestaña, el nuevo botón de pestaña y el conmutador estándar/de incógnito/grupos se colocan en contenedores. Google también está destinando el marco de las tarjetas de grupo de pestañas con el color que ha seleccionado.
Más
Billetera de Google
“Wallet” ha sido reemplazado por el logotipo de la aplicación en la esquina superior izquierda, mientras que la lista de pases debajo del carrusel utiliza tarjetas más gruesas. Los contenedores se aprovechan en toda la aplicación, incluida la billetera Agregar a la billetera y la página de actividad reciente.
La animación NFC Tap-to Pago está obteniendo M3 expresivo. El fondo ahora es translúcido con su tarjeta saltando hacia arriba y hacia abajo como parte de una animación de éxito más animada. Google también está presentando una nueva superposición para los usuarios de píxeles con el gesto de botón de encendido de doble toque.
Lanzamientos recientes
(Nuevo) Google Drive II
Google Drive ha eliminado el contenedor de vista principal de la lista para un diseño de borde a borde.
Viejo contra nuevo
(Nuevo) Compartir rápido
La nueva experiencia de compartir rápida de pantalla completa aprovecha al máximo el material 3 expresivo.
Más
(Nuevo) Google Maps
Los listados en Google Maps ahora utilizan contenedores M3 Expressive para una mejor información de grupo. Además, las acciones del carrusel aparecen de manera más consistente en la parte inferior de su pantalla.
Más
Completamente lanzado
(En orden alfabético)
Bienestar digital
Solo la página principal de esta “aplicación” (dentro de la configuración) se ha actualizado con M3 Expressive. Además de los contenedores, el gráfico de donas es más grueso. Esto se está implementando con la versión beta 1.30.x.
Archivos de Google
Hay un carrusel de Material 3 animado en la página de inicio con una barra de herramientas en forma de píldora para compartir rápido y escaneo de documentos, mientras que un riel de navegación ahora está apalancado. Al abrir una imagen, hay una barra de herramientas para editar y circular para buscar. Las vistas de la lista tienen avances más grandes a la izquierda.
Más
Encontrar centro
Hay una barra inferior más corta, mientras que la hoja presenta esquinas redondeadas más prominentemente. Una buena usabilidad es cómo 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 al usar los gestos de deslizamiento. Mientras tanto, una barra de aplicación de búsqueda ve que el botón de la hamburguesa y el menú de perfil se mueven fuera 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 historia (pero el gesto de deslizamiento se mantiene).
Más
Calendario de Google
Las ranuras de tiempo (horas y días) se colocan en su propio contenedor redondeado durante las diversas vistas de la aplicación (día, semana, mes). Esto reemplaza las líneas débiles 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ú fabuloso para el evento, la tarea, fuera de la oficina y la creación de cumpleaños.
Los widgets obtendrán un botón en forma de píldora en la esquina superior derecha, mientras que la mayoría de las vistas dejan caer 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 píldora para resaltar qué pestaña está viendo actualmente, mientras que la interfaz de chat coloca el menú ‘Plus’ en una píldora vertical.
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 fabuloso cuadrado redondeado a la derecha.
Más
Contactos de Google
Este rediseño directo coloca todo en contenedores, mientras que la barra inferior ahora es más corta. También hay ajustes de color al fondo de la aplicación.
Más
Google Docs, sábanas y diapositivas
Las actualizaciones en estas tres aplicaciones se aplican específicamente a la interfaz del editor con el nuevo material 3 Expresivo indicador de progreso Cuando se espera que se carguen documentos. Los botones en forma de píldora se usan en todas partes, mientras que la hoja de formato se moderniza a fondo, incluso con el botón dividido componente.
Más
Google Drive
Este rediseño obtiene una barra de aplicación de búsqueda, una barra inferior corta, un menú fabuloso y grupos de botones, mientras que cada línea de línea se coloca en un contenedor.
Más
El escáner de la cámara está obteniendo un editor rediseñado que aprovecha el material 3 expresivo.
Más
Google Keep
Google Keep hace uso del nuevo componente de la barra de la aplicación de búsqueda M3 Expressive que mueve el botón de la hamburguesa y el conmutador de perfil fuera de la barra de búsqueda, que ahora es más grueso. La otra actualización principal está en la página de Notas con todos los botones (Archivo, menú ‘Plus’, desbordamiento, etc.) colocado en contenedores.
Ancho
Google se encuentra
Google Meet es la primera aplicación que ha implementado ampliamente un rediseño expresivo del material 3. En la página de inicio, cada llamada se coloca en una tarjeta grande/alta como parte del uso pesado de contenedores de M3E.
La pantalla previa al llamado ve más M3 expresivo con botones de voz y videollamadas muy grandes que parecen estar fuera de proporción. El nombre, la imagen y la dirección de correo electrónico de a quién llama se coloca en una píldora y se centra en la parte superior. Varios botones van de círculos a cuadrados redondeados.
Más
Mensajes de Google
La lista de conversaciones y hilo de mensajes en sí ahora se coloca en contenedores. Google también ha rediseñado el menú ‘Plus’ con todos los botones colocados en píldoras. Otras partes de la aplicación que obtienen material 3 expresivo 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 prominentes. Mientras tanto, Google One ha eliminado sus infografías para una aplicación más densa.
Más
Google Passions Manager
Hay una nueva barra de aplicación de búsqueda con el Administrador de contraseñas en la esquina superior izquierda. Los filtros para todos, las contraseñas, las versas y los dispositivos de red son una buena actualización de funcionalidad, mientras que las credenciales se colocan en contenedores.
Más
Google Photos
Un nuevo indicador de copia de seguridad en la parte superior de la aplicación reemplaza “Google Photos”. En el lanzamiento, obtienes brevemente un logotipo que anima en “Backup Complete”. Puede arrastrar hacia abajo (Tirar a la refresión) para ver el material de ciclismo 3 formas expresivas en una capa de fondo que también señala cuánto ha almacenado en la nube. Cuando algo está retrocediendo, 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 para la píldora de búsqueda. En la pestaña For You, ese botón tiene el tema basado en el carrusel de medios.
Mientras tanto, el control remoto recibe formas de botón actualizadas. También hay una transformación botón dividido en la parte superior para el menú del dispositivo.
Más
Mi píxel
La aplicación Pixel Tips ahora se llama “My Pixel” y obtiene una revisión completa que agrega opciones de soporte y una tienda completa de Google.
Más
Teléfono de Google
En comparación con otras aplicaciones, el teléfono de Google está utilizando Material 3 Expresivo como una oportunidad para una revisión completa. La barra inferior pasa de cuatro pestañas a tres con favoritos y recientes que se convierten en “hogar”. Hay una nueva pestaña “Keypad” que reemplaza al FAB, mientras que el “correo de voz” no cambia. Los contactos ahora se pueden encontrar en un cajón de navegación. Todas las llamadas y listas (incluida la configuración) hacen uso de contenedores.
Las pantallas entrantes y de guardia cuentan con botones actualizados con objetivos táctiles más grandes. Puede elegir entre deslizamiento horizontal o un solo toque.
Ancho
Brotes de píxeles
La gran actualización es para el ecualizador y cómo personaliza los gestos de brotes.
Más
Grabadora de píxeles
Este rediseño expresivo del material 3 tiene como objetivo simplificar enormemente la grabadora. Por ejemplo, hay una hoja de desbordamiento para la gran mayoría de las 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 cuadrado redondeado Fab y otros ajustes expresivos M3.
Estudio de píxeles
Además de dejar caer el estado de “vista previa”, Pixel Studio 2.0 presenta un nuevo editor de imágenes que reemplaza el marcado en la mayoría de los casos. Con un diseño expresivo de Material 3, cosecha, dibujo/resaltado y subtítulos se unen a las herramientas generativas de IA. Puede hacer calcomanías, borrar y cambiar una parte seleccionada usando las indicaciones.
Más
Píxel VIPS
Los recipientes en forma de píldora reemplazan los botones circulares.
Reloj de píxeles
Más
Clima de píxeles
La página de inicio del clima de píxeles expande el tamaño de las tarjetas de la ciudad. Pasas de poder ver 10 ubicaciones a solo seis, pero el alto y el bajo ahora está incluido. Hay ajustes menores en la vista de la ciudad, con la gran actualización de los widgets nativos de la pantalla de inicio.
Más
FTC: Utilizamos ingresos que ganan enlaces de afiliados para automóviles. Más.
