Hace unos años escribíamos una entrada analizando los distintos estilos de creación de interfaces de usuario que fue todo un éxito. Vimos que era el esqueumorfismo, flat design o material design.
Eso era en 2018 cuándo dejábamos de lado el esqueumorfismo y nos adentrábamos en el diseño de interfaces utilizando concepos de Material o Flat.
¿Qué es el glassmorphism o glassmorfismo?
Glassmorphism es un estilo de diseño que ha estado ganando tracción recientemente en el campo del diseño de interfaces de usuario. Esta nueva tendencia de diseño, que comenzó a aparecer a principios de los años 2020, ha sido adoptada por una serie de plataformas importantes y parece que seguirá siendo popular en los próximos años.
El glassmorphism es una tendencia de diseño que imita el aspecto de vidrio esmerilado o "glassy". Esta tendencia se caracteriza por sus fondos borrosos y transparencias, que crean un efecto de vidrio esmerilado. Este diseño no sólo es visualmente impresionante, sino que también puede mejorar la experiencia del usuario.
La clave del glassmorphism es su transparencia y profundidad. El uso de capas semitransparentes, con un borde sutil y un color de fondo, crea una sensación de profundidad y permite al usuario percibir la jerarquía de los elementos de la interfaz.
Características principales
Aunque el glassmorphism puede variar ligeramente de un diseñador a otro, hay algunas características clave que definen este estilo:
Transparencia: Utiliza fondos semitransparentes que imitan el vidrio.
Desenfoque de fondo: Aplica un efecto de desenfoque gaussiano en los fondos detrás de los elementos transparentes.
Bordes y colores vivos: Incluye bordes sutiles y colores vibrantes para definir los elementos en la interfaz.
Luces y sombras: Emplea luces y sombras para crear una sensación de tridimensionalidad y profundidad.
Capas múltiples: Construye la interfaz con múltiples capas de elementos "glassy" para añadir profundidad.
¿Tendencia a la alza?
El glassmorphism es una tendencia que parece que ha venido para quedarse. Aunque como cualquier técnica de diseño, es importante usarlo con moderación y considerar su impacto en la usabilidad y la accesibilidad.
Glassmorphism y Apple Vision Pro: Un matrimonio perfecto
Apple, siendo una empresa que siempre ha sido sinónimo de diseño innovador y estético, ha adoptado el glassmorphism para su nueva línea de productos, las Apple Vision Pro.
La incorporación de elementos de transparencia y profundidad, bordes y colores vivos, luces y sombras, y el uso de múltiples capas, todos rasgos distintivos del glassmorphism, realza la experiencia del usuario y le da a la interfaz de Apple Vision Pro una sensación fresca y moderna.
