top of page

¿Qué es el glassmorphism?🪞 La nueva revolución en diseño de Interfaces de Usuario


Descubre el Glassmorphism: La Nueva Revolución en el Diseño de Interfaces de Usuario

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.


¿Qué es el glassmorphism o glassmorfismo?


Características principales

Aunque el glassmorphism puede variar ligeramente de un diseñador a otro, hay algunas características clave que definen este estilo:

  1. Transparencia: Utiliza fondos semitransparentes que imitan el vidrio.

  2. Desenfoque de fondo: Aplica un efecto de desenfoque gaussiano en los fondos detrás de los elementos transparentes.

  3. Bordes y colores vivos: Incluye bordes sutiles y colores vibrantes para definir los elementos en la interfaz.

  4. Luces y sombras: Emplea luces y sombras para crear una sensación de tridimensionalidad y profundidad.

  5. 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.


Glassmorphism y Apple Vision Pro: Un matrimonio perfecto

VÍDEO: Como aplicar glassmorfismo en Sketch





Comentarios


bottom of page