Vidrio líquido

Liquid Glass es un lenguaje de diseño desarrollado por Apple como un tema visual unificado para las interfaces gráficas de usuario de su conjunto de sistemas operativos . Fue anunciado el  9 de junio de 2025 en la Conferencia Mundial de Desarrolladores (WWDC). Liquid Glass presenta una interfaz fluida y dinámica similar al vidrio que refleja y refracta el fondo. Se introdujo en iOS 26 , iPadOS 26 , macOS Tahoe , tvOS 26 , visionOS 26 y watchOS 26. ^{[ 1 ]}

Apple buscaba un nuevo lenguaje de diseño para unificar la apariencia de los elementos de la interfaz en todos sus dispositivos, con sus diversos tamaños de ventana y pantallas. ^{[ 2 ] [ 3 ]} La compañía decidió alejarse de los elementos de diseño plano popularizados por Jony Ive en iOS 7 (2013) hacia elementos esqueuomórficos más expresivos. ^{[ 4 ] [ 5 ]} También decidió introducir un " material " dinámico, un efecto visual que proporciona una sensación de profundidad y jerarquía entre los elementos.

El "material" de Liquid Glass combina las "propiedades ópticas del vidrio con una sensación de fluidez". ^{[ 6 ]} Tiene elementos translúcidos que se adaptan a su entorno, refractando y reflejando los elementos colocados detrás de ellos. Se utilizan iluminación y sombreadores para sugerir vidrio transparente o esmerilado ; los elementos se adaptan a una apariencia clara u oscura para hacer legible el texto y los íconos sobre el material. ^{[ 7 ] [ 8 ] [ 9 ] [ 10 ]} En iOS y iPadOS, los elementos reaccionan al movimiento del dispositivo con animaciones que sugieren el movimiento de una gota de líquido. ^{[ 11 ]}

Las directrices actualizadas de Apple sobre la interfaz humana indican que las aplicaciones creadas con Liquid Glass deben mostrar una jerarquía entre el contenido y los controles. ^{[ 12 ]}

Liquid Glass renueva los componentes de la interfaz de iOS existentes, como texto, deslizadores, interruptores , alertas , paneles y barras laterales . El material se integra en varias aplicaciones y funciones del sistema, como el Dock, las notificaciones y el Centro de control; también puede ser utilizado por aplicaciones de terceros. ^{[ 10 ] [ 13 ]}

Los iconos de las aplicaciones se han rediseñado para usar un sistema de capas similar al utilizado en visionOS y tvOS, aplicando translucidez y un efecto de brillo similar al del vidrio, que también reacciona al movimiento del dispositivo, a la vez que se hace un mayor uso de degradados. Los iconos de las aplicaciones pueden adoptar una apariencia clara que los hace parecer transparentes. ^{[ 14 ]} Las barras de herramientas y otros elementos en pantalla ya no están anclados a los bordes del dispositivo, sino que están separados en burbujas que aparecen y desaparecen según el contexto. Por ejemplo, la barra de pestañas de la aplicación Música se encoge al desplazarse. El nuevo diseño también permite que el material cambie su forma y tamaño, como la información sobre herramientas de selección de texto que se expande para mostrar todas las opciones en una lista vertical. ^{[ 15 ]}

El vicepresidente sénior de ingeniería de software de Apple, Craig Federighi , afirmó que los diseñadores utilizaron los estudios de diseño industrial de la compañía para fabricar vidrio con diversas opacidades y propiedades de lente, de modo que pudieran igualar con precisión las propiedades de la interfaz a las del vidrio real. ^{[ 8 ]} También indicó que el silicio de Apple proporciona la potencia computacional adicional necesaria para ejecutar Liquid Glass. ^{[ 16 ] [ 17 ]}

En un video que detalla el cambio de diseño, Apple dijo que el lenguaje fue influenciado por el lenguaje de diseño Aqua de macOS , el desenfoque gaussiano en tiempo real en iOS 7 , el movimiento en el iPhone X , la Isla dinámica en el iPhone 14 Pro y posteriores, y la interfaz de usuario similar al vidrio de visionOS . ^{[ 7 ] [ 8 ]} Liquid Glass tiene fuertes influencias del "glassmorphism", un estilo de diseño que se popularizó en 2021 en parte por Windows 11 de Microsoft y su uso de Fluent Design , así como macOS Big Sur de Apple . ^{[ 18 ] [ 19 ]} Muchos críticos y usuarios de redes sociales notaron similitudes con Aqua y Windows Aero , incluidas las texturas similares al vidrio popularizadas por Windows Vista . ^{[ 20 ] [ 21 ] [ 22 ]} Jamie Richards de TechRadar también escribió que Liquid Glass probablemente fue influenciado por Frutiger Aero . ^{[ 23 ]}

Liquid Glass ha recibido una respuesta generalmente mixta. Algunos críticos elogiaron su intento de emular las cualidades refractivas y de lente del vidrio real, describiendo el diseño como visualmente sofisticado. ^{[ 25 ] [ 4 ] [ 20 ]} Los críticos describieron la interfaz como distractora y, en algunos casos, menos usable. Diseñadores entrevistados por Wired dijeron que los efectos visuales podrían desviar la atención del contenido de la aplicación y que los equipos de desarrollo más pequeños podrían tener dificultades con la mayor complejidad del diseño. ^{[ 4 ]} Otros comentaristas argumentaron que Liquid Glass se apartaba de las convenciones de interfaz de usuario establecidas de maneras que podrían hacer que macOS fuera más difícil de navegar. ^{[ 26 ] [ 27 ]}

La legibilidad fue una preocupación recurrente. Algunos diseñadores informaron que la transparencia en ciertos elementos de la interfaz dificultaba la lectura del texto, ^{[ 4 ]} particularmente en condiciones de bajo contraste, como la luz solar directa. ^{[ 25 ] [ 28 ]} Tras los comentarios de la primera versión beta para desarrolladores, Apple realizó varios ajustes destinados a mejorar la legibilidad. Estos incluyeron aumentar la opacidad en las barras de navegación y otros elementos de la interfaz de usuario , refinar las superposiciones del sistema y los fondos modales, e introducir controles adicionales para la transparencia en versiones posteriores. ^{[ 29 ] [ 30 ] [ 31 ]}

En la WWDC 2026 , Apple anunció nuevas revisiones de Liquid Glass para iOS 27 , iPadOS 27 y macOS 27 Golden Gate . El diseño actualizado redujo la transparencia predeterminada, cambió los radios de las esquinas de la barra lateral en iPadOS y macOS, y renovó los iconos de las aplicaciones para que fueran más reconocibles. Apple también añadió un control para el usuario que permite ajustar la interfaz entre un aspecto de cristal más transparente y uno más oscuro, mediante un control deslizante en la configuración de cada sistema operativo. ^{[ 32 ] [ 33 ]}

• Aqua (interfaz de usuario)
• Sistema de diseño fluido
• Frutiger Aero
• Windows Aero
• Neumorfismo
• Diseño de materiales

• Liquid Glass en la documentación para desarrolladores de Apple