El rediseño de Google Fonts es un buen ejemplo de Material 3 en la web móvil

El sitio web de Google Fonts ha sido completamente actualizado con un rediseño de Material 3 que sirve como un interesante ejemplo del lenguaje de diseño en la web móvil.

En las computadoras de escritorio/pantallas grandes, hay una barra de navegación en el lado izquierdo, mientras que en dispositivos móviles se utiliza una barra inferior alta. Este diseño de escritorio coincide con m3.material.io, mientras que el diseño de la web móvil se siente bastante único. Cuando Gmail y Google Drive recibieron rediseños de Material You en la web de escritorio, el diseño para teléfonos no se actualizó y sigue siendo varios años, si no una década, antiguo.

El rediseño de Google Fonts se divide en cinco pestañas/secciones:

Fuentes: Observa la experiencia de búsqueda actualizada, con "Filtros" que despliega una hoja que te permite ingresar tu propia frase de vista previa. Luego selecciona:

Tamaño de fuente

Idioma

Tecnología: Variable, Color

Trama decorativa: Serif, Slab Serif, Sans Serif

Clasificación: Display, Escritura a mano, Monoespaciado, No texto

Propiedades: Número de estilos

Ordenar por: Tendencia, Más popular, Más nuevo, Nombre

Noto: El "tipo de letra para el mundo" de Google y Monotype con soporte para más de 1,000 idiomas y 150 sistemas de escritura.

Iconos: Introducido el año pasado, Material Symbols ofrece 3,061 glifos.

Conocimiento: El Conocimiento de Google Fonts es una "biblioteca de guías originales sobre el mundo de la tipografía, que el equipo de Google Fonts está produciendo en colaboración con expertos tipográficos de todo el mundo".


No hay comentarios:

Publicar un comentario

Podcast de Pulso Digital