El efecto ‘Liquid Glass’ en iOS 26: claves del nuevo diseño en apps móviles

1. Introducción: La nueva era del diseño en iOS 26

Apple siempre ha sido pionera en cuanto a diseño y experiencia de usuario. Desde los días del skeumorfismo en iOS 1 hasta iOS 6, hasta el minimalismo plano introducido con iOS 7, cada evolución ha marcado un antes y un después en cómo percibimos y usamos las apps. Con iOS 26, Apple nos presenta Liquid Glass: un enfoque que busca fusionar la profundidad, transparencia y fluidez en cada rincón de la interfaz.

2. Más que una estética: Los principios del Liquid Glass iOS

El Liquid Glass iOS no es simplemente un efecto visual. Se fundamenta en tres pilares principales:

• Transparencia dinámica: las interfaces se sienten como láminas de cristal superpuestas que dejan entrever lo que hay detrás.

• Interacción fluida: los movimientos y transiciones transmiten realismo, como si la pantalla reaccionara al tacto con un efecto líquido.

• Profundidad y contexto: los elementos ya no flotan en planos estáticos; ahora generan sensación de espacio y profundidad, ayudando al usuario a comprender jerarquías y estados.

Este nuevo paradigma aporta coherencia a todo el ecosistema Apple, desde iPhone hasta iPad y Vision Pro.

3. ¿Por qué el «efecto líquido» es crucial objetivo de Apple para la experiencia de usuario (UX)?

El objetivo de Apple con Liquid Glass va más allá de la estética: se centra en mejorar la experiencia de usuario.

• Mayor claridad visual: la transparencia permite al usuario no perder el contexto de dónde está.

• Interacciones más naturales: los gestos parecen provocar respuestas reales, como si tocáramos un objeto físico, orgánico, natural.

• Reducción de la fatiga cognitiva: las transiciones fluidas hacen que los cambios en la interfaz sean más comprensibles e intuitivos.

• Consistencia en todo el ecosistema: lo que aprendes en una app se replica en otra, mejorando la curva de aprendizaje. Además, el usuario lo percibirá de igual manera en todos los productos de Apple a partir de ahora.

• Accesibilidad mejorada: Liquid Glass respeta y se adapta a los ajustes de accesibilidad del sistema.

  • Permite activar Reduce Transparency, haciendo que los elementos translúcidos sean más opacos para facilitar la lectura a personas con dificultades visuales.

  • Con Increase Contrast, se refuerzan bordes y se potencia la visibilidad de textos e iconos frente a fondos borrosos.

  • Además, se respetan otros ajustes como Reduce Motion, que disminuye animaciones y efectos para quienes tienen sensibilidad al movimiento.

 

4. ¿Qué ocurre si tu app no está preparada para Liquid Glass iOS?

Aquí es donde aparece el reto. Si compilas una app antigua sin adaptarla, notarás en el cambio algunas diferencias como:

• Navigation Bar: antes se veían planas y rígidas; ahora fluyen con un blur dinámico que aporta ligereza (img 3). Los botones de la barra superior ya no se integran dentro de la propia navbar, sino que aparecen en una capa por encima con un botón de efecto Liquid Glass (img 1 y 2). Si la app no está adaptada, puede que tu navbar no se vea transparente ni con efecto blur (img 2).

 

 

• Botones: todos los botones, tengan o no un color de fondo sólido, heredan el aspecto característico de vidrio. El problema surge cuando, mediante código, se ha definido un área de pulsado mayor que el propio cuerpo del botón, lo que puede generar inconsistencias visuales (img 1 y 2).

 

 

• Tab Bars: en apps no adaptadas, si se ha aportado algún ajuste custom puede aparecer un bloque opaco con sombra (img 1); Además, los colores cambian totalmente con liquid glas a blancos y negros y puede que no se ajuste adecuadamente y no tenga buena visibilidad (img 1 y 2). En apps preparadas para este efecto, la barra es translúcida e integrada con el fondo (img 3).

 

 

• Switches: hay cambios en el sistema nuevo. Tus switches adoptarán de forma nativa los nuevos reflejos, brillos e interacciones que darán coherencia al sistema. (img 2 y 3)

 

 

 

•  Keyboards: los antiguos parecen capas rígidas (img 1); los nuevos transmiten un efecto de cristal fluido (img 2).

 

 

• Toolbars de webviews: presentan un aspecto y composición distintos. Antes estaban en una barra fija opaca de lado a lado de la pantalla (img. 1) y ahora solo las acciones flotan con transparencia dejando ver el contenido de detrás (img. 2).

 

 

• Notificaciones: Las nuevas notificaciones son totalmente transparentes con reflejos del liquid glass (img. 2)

 

 

• Sheets: Las antiguas son más cuadradas, con el botón de acción integrado (img. 1 y 3). La nueva parece más ligera, flotante y atenúa de manera más sutil el fondo (img. 2 y 4).

 

 

• App Icons: los iconos adaptados muestran capas superpuestas de cristal con reflejos (img. 2 y 3).

 

 

• Action Sheets/Alerts/Activity Views: en versiones anteriores se percibían como cajas rígidas, grises y opacas. Con Liquid Glass, parecen láminas de cristal flotando sobre el contenido, mucho más ligeras y consistentes con el resto del sistema.

 

 

• • Aquí entra un punto importante: en iOS 26, el sistema impone contenedores con radios de esquina específicos que ya no se pueden sobrescribir tan libremente. Esto significa que aunque intentes personalizar un modal, el container u otros componentes, iOS 26 lo ajustará al estilo del sistema, con esquinas concéntricas y consistencia visual.

 

👉 Hemos notado que los componentes custom no funcionan bien bajo esta nueva filosofía visual. Esto supone un punto de inflexión en el diseño de interfaces: ahora es aún más recomendable apostar por componentes nativos de Apple, que ya vienen optimizados para Liquid Glass iOS. Incluso en toolbars ligeramente personalizadas pero nativas, hemos observado que la integración no siempre es perfecta, lo que refuerza la importancia de mantener la UI lo más cercana posible a los patrones oficiales.

5. Conclusión: Cómo integrar el efecto Liquid Glass iOS en tu app

Adoptar Liquid Glass no es solo un cambio estético: es una decisión estratégica de UX/UI que puede marcar la diferencia frente a tu competencia.

En la práctica, Apple fuerza un diseño más unificado: menos margen para personalización y mayor coherencia entre apps.

Guía práctica para diseñadores

1. Revisa que tus componentes sean todos nativos (tabbars, navbars, toolbars).

2. Actualiza la UI para que tenga consistencia con transparencias del liquid glass dinámicas y efectos blur.

3. Evita en tus cards los backgrounds sólidos, ángulos y sombras duras que rompan la coherencia.

4. Testea en distintos escenarios: modo claro/oscuro, entornos con mucho contraste.

5. Reduce al mínimo el uso de componentes custom o considera rediseñarlos para que adopten la nueva filosofía.

6. Ten en cuenta que los contenedores impuestos por el sistema (especialmente en modals, action sheets y activity views), tienen sus propios radios de esquina (muy redondeados), diseña el resto de UI con consistencia.

7. Piensa en capas: coloca el contenido en la parte inferior y una capa de vidrio flotando encima con efectos de luz y sombra para las acciones.

8. Aplica Liquid Glass con moderación, en superficies clave como controles importantes o barras de navegación. Evita superponer capas de vidrio.

9. Elimina fondos decorativos innecesarios para que la interfaz se sienta más limpia y fluida.

 

En iOS 26 el mensaje es claro: cuanto más te apoyes en componentes nativos y aceptes las guías impuestas por Apple, mejor será la integración con el Liquid Glass. Las personalizaciones pesadas o los intentos de forzar estilos diferentes ahora pueden convertirse en un lastre para la experiencia.

 

Si quieres que tu aplicación no solo cumpla expectativas, sino que las supere, contacta con Mobivery para empezar a diseñar y desarrollar tu app con un «toque de vidrio líquido».
Además, si tu app ya está publicada y necesita ajustes para adaptarse correctamente al nuevo Liquid Glass, en Mobivery podemos encargarnos de realizar tanto las mejoras de diseño como las actualizaciones de desarrollo necesarias para que se vea perfecta en iOS 26.