La Conferencia Mundial de Desarrolladores de Apple (WWDC), el tradicional evento donde el gigante de Cupertino comparte novedades en software y dispositivos como iPhones, MacBooks y iPads, fue el escenario de importantes anuncios que marcan el rumbo del diseño y la interacción tecnológica. En este contexto, diversas aproximaciones al concepto "glass" o "vidrio" en la interfaz de usuario han tomado relevancia, desde el revolucionario **Liquid Glass** de Apple hasta temas visuales en Android y los pioneros dispositivos de realidad aumentada como Google Glass.
La WWDC 25 de Apple: Novedades y Desafíos
El arranque de la WWDC 25 estuvo protagonizado por la nueva película de Brad Pitt, F1. Caracterizados de ingeniero de carrera y piloto de Fórmula Uno, el CEO de Apple Tim Cook y el carismático director de software, Craig Federighi, dieron el vamos a una WWDC con varias señales en medio de una guerra comercial que podría obligarlos a subir los precios.
Momentos Estelares y el Reto de la IA
Tiempo ha, los momentos más brillantes de Apple han venido de la mano de sus innovaciones en hardware y software. En un repaso abreviado y subjetivo, no es descabellado afirmar que la Mac reinventó la informática de escritorio, que el iPod transformó los hábitos musicales de las personas o que el iPhone popularizó los smartphones con pantalla táctil.
En 2024, la Inteligencia Artificial (IA) parecía ser otro de esos momentos bisagra, pero ha enfrentado retrasos desde entonces. **Apple Intelligence** no estuvo listo a tiempo para el lanzamiento del iPhone 16. La versión renovada de Siri, que incorpora datos del iPhone para responder preguntas, una característica que podría ser clave para diferenciarse de la competencia con inteligencia artificial, tampoco ha despegado.
Aunque no son pocos los expertos en tecnología que afirman que Apple podría presentar su primer teléfono plegable, siguiendo el camino trazado previamente por Samsung o Motorola, o entrar pronto en la carrera por los lentes inteligentes aprovechando su inversión en las Vision Pro; lo cierto es que Apple pareció regresar a sus orígenes más discretos tras los anuncios de actualizaciones de software para los teléfonos, dispositivos y computadores, en lugar de abrazar un enfoque revolucionario o más agresivo hacia la IA.
Hace un año, el lanzamiento de Apple Intelligence fue un acontecimiento relevante. Según The Economist, al día siguiente el valor de la empresa de Cupertino se disparó en más de 200.000 millones de dólares, uno de los mayores saltos en un solo día para cualquier empresa en la historia de Estados Unidos. El entusiasmo creció por la esperanza de que la IA generativa permitiera a Apple transformar el iPhone en un asistente digital, una especie de Siri con cerebro, lo que ayudaría a reactivar las ventas de teléfonos. Pero Apple parece mirar el actual escenario con cautela.
Los anuncios de esta mañana tendrán efectos sobre más de 2.350 millones de dispositivos activos en todo el mundo, incluyendo los iPhone, iPad, Mac y Apple Watch.
Liquid Glass: El Nuevo Lenguaje de Diseño de Apple
Entre las grandes novedades, Apple anunció el rediseño más drástico desde que lanzó iOS 7 en 2013. Alan Dye, vicepresidente de diseño de interfaz humana de Apple, afirmó: “Hoy se inicia un nuevo y hermoso capítulo emocionante para nuestro diseño, que prepara el escenario para la próxima era de nuestros productos y de cómo interactuamos con ellos.” La gran manzana lo llama **Liquid Glass** y consiste en una serie de elementos visuales transparentes que parecen tener una superficie brillante y acuosa, permitiendo disfrutar mejor de los fondos y ocupar los elementos visuales con transparencias.
Según Dye, los controles, la navegación y los íconos de las apps y widgets serán translúcidos y reflejarán y refractarán su entorno para enfocar mejor el contenido. Agregó: “En Apple siempre hemos creído en la profunda integración de hardware y software que hace que la interacción con la tecnología sea intuitiva, atractiva y placentera. Esta es nuestra actualización de diseño de software más completa hasta la fecha. Meticulosamente diseñado, repensando los elementos fundamentales que componen nuestro software, el nuevo diseño incorpora un material completamente nuevo llamado **Liquid Glass**. Combina las cualidades ópticas del vidrio con una fluidez que solo Apple puede lograr, ya que se transforma según el contenido o el contexto. Sienta las bases para nuevas experiencias en el futuro”.
Definición y Características de Liquid Glass
Chan, diseñador del equipo Human Interface Design, explicó las propiedades principales de **Liquid Glass**. Se basa en resultados que van desde la IU Aqua de macOS X, iOS 7 y la fluidez del iPhone X hasta la flexibilidad de Dynamic Island y la IU envolvente de visionOS. Basándose en estos aspectos, **Liquid Glass** es un nuevo metamaterial digital que dobla y da forma a la luz, en lugar de recrear un material real. Se comporta y se mueve orgánicamente como un líquido liviano, y responde a la fluidez del tacto y al dinamismo de las apps modernas.
**Liquid Glass** complementa la evolución del diseño de los productos Apple, que tienen pantallas más envolventes. Aparece en la IU con aspecto redondo, adaptado a las curvas de los dispositivos modernos. Estas formas definidas son fáciles de tocar y se complementan con la forma del dedo, por lo que resultan agradables a la interacción.
Visualmente, **Liquid Glass** se define a través de un "efecto de lente". Este efecto, presente en nuestra experiencia del mundo natural con objetos transparentes, permite que los cambios en la luz muestren su presencia, movimiento y forma. Con estas señales, **Liquid Glass** ofrece separación y, a la vez, muestra las capas y deja que el contenido brille debajo. A diferencia de los materiales anteriores que dispersaban la luz, estos doblan, dan forma y concentran la luz de forma dinámica, ofreciendo definición frente al contenido de fondo y manteniéndonos visualmente en el mundo natural. Así, los controles son livianos y transparentes, pero visualmente distinguibles. Los objetos con **Liquid Glass** se materializan según los efectos de la luz, con una transición elegante cuidando la integridad óptica del material.
Propiedades de Liquid Glass: Movimiento, Luz y Adaptación
La forma en que el material se siente y se comporta es tan importante como su aspecto. Desde el inicio, la parte visual y el movimiento de **Liquid Glass** se pensaron en conjunto. El movimiento de los líquidos es algo que todos conocemos intuitivamente; las interfaces usan ese comportamiento y movimiento para actuar de una forma alineada con nuestra comprensión del mundo físico. **Liquid Glass** responde a la interacción flexionándose y energizándose con la luz, lo que hace que la interfaz sea receptiva y gratificante, y que cobre vida. Su flexibilidad muestra su naturaleza maleable, que se mueve al ritmo de la interacción, alineando la interfaz con la naturaleza cambiante y dinámica de nuestro pensamiento y movimiento.
Los elementos pueden elevarse temporalmente en **Liquid Glass**, como al interactuar con un componente. Así, el estado de reposo permanece visualmente tranquilo y cobra vida con el tacto. Funciona genial con controles, donde se puede ver el valor a través del lente líquido transparente.
Esta fluidez se extiende a cómo reacciona el material a los entornos dinámicos de las apps de hoy. Al cambiar de estado en una app, **Liquid Glass** cambia entre los controles según el contexto, siguiendo la idea de tener un solo plano en el cual aparecen los controles. Y hace que las transiciones fluyan a la perfección, ya que los controles cambian continuamente. Al mostrar un menú, la burbuja se abre para revelar su contenido. Esta transición ligera mantiene todo justo donde se toca y muestra una relación clara y directa entre el botón y su contenido.
Shubham analizó cómo **Liquid Glass** se adapta automáticamente a diferentes contextos y entornos. Está diseñado para adaptarse tanto a su tamaño como a su entorno. El objetivo es que sea transparente y haga referencia al contenido debajo, pero cambia de forma constante y sutil para garantizar la legibilidad y separarse claramente del contenido. **Liquid Glass** tiene varias capas, combinadas para darle su aspecto único. A diferencia de los materiales anteriores con apariencia clara u oscura, cada capa se adapta según lo que hay atrás. A medida que el texto se desplaza, las sombras se marcan para crear más separación. El tinte y el rango dinámico cambian para que se vean tanto los botones como el contenido. De ser necesario, puede cambiar entre claro y oscuro para adaptarse a cualquier contexto y resaltar el contenido de la app. Cuando el vidrio se hace más grande, como cuando se presenta un menú, se transforma para simular un material más grueso. Genera sombras más profundas, efectos de lente y refracción más pronunciados y una dispersión de la luz más suave. Estos cambios sutiles mejoran la profundidad aparente y ayudan en la legibilidad del contenido.
**Liquid Glass** es esencial para crear un lenguaje de diseño unificado en todas las plataformas. En el iPad y la Mac, se aplican estos mismos principios. Al igual que en el iPhone, estas capas forman una capa distinta para los controles y la navegación, que flota y brinda un lienzo más grande para el contenido. Los controles encajan en las esquinas redondeadas de las ventanas, manteniendo la concentricidad en la IU. En elementos más grandes, como barras laterales, su apariencia se adapta a la app. Los colores del contenido cercano pasan a su superficie, reforzando el contexto del material y la sensación de elevación. Este efecto no solo se aplica a la superficie, la luz también se refleja y filtra en la sombra, tal como ocurriría en el mundo físico. Las barras laterales del iPad y la Mac permiten un nuevo nivel de inmersión. La barra lateral y de pestañas, juntas, crean un lenguaje uniforme para navegar por las apps en todas las plataformas. Ahora puede verse como un único elemento de navegación único que se ajusta al lienzo de la app.
Los efectos de bordes de desplazamiento funcionan con **Liquid Glass** para separar la IU y las capas de contenido y garantizar la legibilidad, especialmente con contenidos que se desplazan dinámicamente. Al igual que **Liquid Glass**, los efectos son inherentemente adaptativos. Al desplazarse debajo de un elemento de vidrio, el contenido se disuelve en el fondo y el vidrio se levanta por encima del contenido, permitiendo que elementos flotantes como los títulos permanezcan siempre claros. Cuando pasa por abajo un contenido oscuro, provocando la transición del propio vidrio a su estilo oscuro, el efecto aplica un leve oscurecimiento para garantizar la legibilidad. En algunos casos, como cuando hay vistas accesorias ancladas bajo una barra de herramientas, se utiliza un efecto de “estilo intenso”, que se aplica en toda la barra de herramientas y la vista de accesorios anclada, creando una mayor separación visual entre elementos flotantes en la vista de accesorios y contenido.
Implementación en el Ecosistema Apple
El nuevo diseño incorpora un material completamente nuevo llamado **Liquid Glass**. Con estas propiedades, **Liquid Glass** marca una nueva era en la apariencia de las apps. Un cambio importante es la unificación en el nombre de los múltiples sistemas operativos de la compañía, que en adelante irán a juego con el año. Así, Apple presentó **iOS 26**, **iPadOS 26**, **tvOS 26**, **visionOS 26**, **watchOS 26** y **macOS 26**. Su lanzamiento está previsto para la primavera austral de 2025.
“Me gusta mucho la estandarización de los sistemas operativos”, dijo el creador de contenido Francisco Lugo, conocido como Frank of all Trades. “Me gusta la homogenización que va a existir para que todo se parezca entre un dispositivo y otro”, agregó. La interfaz transparente se ve muy linda y le da un toque especial. Con lo poderosos que están los chips, ya era hora.
Activa el Modo ULTRA LIQUID GLASS en tu iPhone con iOS 26 🫧
- iOS 26: El rediseño permitirá ajustar elementos como la hora a la imagen de fondo, aprovechando el espacio disponible para ocupar cada píxel libre. La app Teléfono agrupará las llamadas perdidas y mensajes de voz, distinguiendo entre contactos y números desconocidos o spam. Mensajes tendrá encuestas y traducción simultánea, al igual que las videollamadas de FaceTime, que tendrán subtítulos. Apple confirmó que las llamadas telefónicas tendrán traducción mientras se habla y que la función estará disponible incluso si el otro usuario no tiene un iPhone.
- macOS Tahoe: Así se llamará el nuevo sistema operativo para las Mac. El diseño de Tahoe será renovado con **Liquid Glass**, por ejemplo, en la barra de menú, y se incorporarán nuevos atajos y teclas rápidas para iniciar acciones.
- iPadOS 26: Uno de los anuncios más llamativos ha sido el sistema de ventanas de macOS que tendrán ahora los iPads, para potenciar la multitarea y volver a las tablets de Apple unas máquinas para la productividad. La influencer chilena de tecnología, LaJoseVlog, comentó: “El iPad fue uno de los que más cambios tuvo y el que más me gustó. Era una actualización que se necesitaba, hace tiempo que la pedíamos para tener ese match entre iPad y Mac.” Con el nuevo sistema operativo iPadOS 26 se podrán ejecutar tareas más exigentes en segundo plano, como renderizar un video, sin interrupciones al cambiar de aplicación.
Alan Dye presentaba este rediseño "inspirado en visionOS". Las transparencias son muy realistas gracias a los efectos que imitan ese efecto cristal. Esa interfaz promete ser especialmente limpia, aunque a priori no parece especialmente radical: contamos con un escritorio que parece algo más pulido y con más "aire" que su predecesor. Hay efectos adicionales: en iOS, por ejemplo, el tamaño del reloj que muestra la hora se ajusta al fondo de pantalla. Hay algo especialmente importante: esos elementos visuales son universales en todo el ecosistema de Apple. El lenguaje de diseño de **Liquid Glass** llega a iOS, macOS, iPadOS, tvOS, visionOS o watchOS por igual. En este rediseño de la interfaz hay cambios que afectan a aplicaciones específicas. Así, en la aplicación de cámara se renueva la organización de los botones y opciones, reduciendo su número y ocultando algunos de ellos para tener por defecto una interfaz más limpia.
Pautas de Uso y Accesibilidad
Bruno explicó lo esencial para trabajar con **Liquid Glass**. Su verdadera magia está en su diseño holístico. El juego con la luz, los efectos de profundidad y los cambios adaptativos no son funcionalidades aisladas, sino capas dentro de un sistema sofisticado, combinadas para crear un material más grande.
La capa superior de **Liquid Glass** vive en un entorno que se comporta como nuestro mundo. Las fuentes de luz en el entorno brillan y crean reflejos que responden a la geometría. Al interactuar, como bloquear y desbloquear el contenido, las luces se mueven y la luz viaja alrededor del material para definir su silueta. A veces, la luz responde al movimiento, como si conociera su posición real. Las sombras ayudan a definir los elementos; el elemento sabe lo que hay detrás de él y aumenta la opacidad de su sombra, o la reduce cuando está sobre un fondo claro sólido. Esto ofrece una separación del contenido para detectar fácilmente a los elementos.
Al interactuar con **Liquid Glass**, el material se ilumina como respuesta. El brillo comienza debajo del dedo y se extiende por el elemento y los elementos de **Liquid Glass** cercanos, interactuando con las propiedades del material de forma natural y fluida. Esto hace que la interfaz cobre vida y se conecte con el exterior y la entrada del dispositivo. A veces, varias capas se adaptan juntas para mantener la claridad y el enfoque en la jerarquía de la IU. Cuando una ventana pierde el enfoque en la Mac o el iPad, **Liquid Glass** cambia la apariencia para guiar la atención. Esta sofisticación viene integrada, obteniendo todo esto de forma automática al aplicar **Liquid Glass** a los diseños.
Bruno advierte que, aunque se quiera usarlo para todo, funciona mejor con la capa de navegación sobre el contenido de la app. No se deben colocar elementos de **Liquid Glass** uno sobre otro, ya que genera confusión y desorden. Al colocar elementos sobre **Liquid Glass**, se debe evitar aplicar el material en ambas capas. En su lugar, se usan rellenos, transparencia e intensidad en los elementos superiores para aparentar una superposición que forma parte del material.
Hay dos variantes de **Liquid Glass** para elegir: Regular y traslúcida. La variante Regular es la más versátil y utilizada, ofreciendo efectos visuales y adaptativos, y legibilidad sin importar el contexto, funcionando en cualquier tamaño y contenido. La variante Traslúcida no tiene comportamientos adaptativos, es más transparente, por lo que el contenido se muestra e interactúa con el vidrio de forma bella. Para que se lean los símbolos o etiquetas en la traslúcida, se usa una capa de atenuación sobre el contenido, ya que sin ella, la legibilidad empeora. La variante traslúcida solo debe usarse cuando el elemento se aplica sobre contenido multimedia, introducir una capa de atenuación no afectará la capa de contenido, y el contenido de arriba es llamativo e iluminado.
La legibilidad fue una consideración central durante el diseño. Los elementos pequeños, como las barras, adaptan constantemente su aspecto según lo que tengan atrás, y cambian de claro a oscuro según el fondo para que el material se vea lo mejor posible. Los elementos grandes, como menús o barras laterales, también se adaptan, pero no pasan de claros a oscuros para evitar distracciones. Para mantener la legibilidad, los símbolos y glifos sobre **Liquid Glass** hacen lo mismo, pasando de claro a oscuro y viceversa, reflejando el comportamiento del vidrio para generar contraste. Todo el contenido en la variante regular recibirá automáticamente este tratamiento. También se pueden usar colores personalizados para teñir elementos con funcionalidades específicas y destacarlos.
**Liquid Glass** permite teñir elementos respetando el material y maximizando la legibilidad. La técnica es igual en todos los elementos de **Liquid Glass**, desde etiquetas, texto y botones hasta la hora de la pantalla bloqueada, aportando vida y vitalidad al material y conectándolo aún más con el contenido. Al seleccionar un color, se asigna una gama de tonos al brillo del contenido debajo del elemento teñido, basándose en cómo funciona, en la realidad, el vidrio coloreado: cambia su tono, brillo y saturación según lo que hay detrás sin desviarse demasiado del color previsto. Esto enfatiza la fisicalidad del material y mejora la legibilidad y el contraste. El tinte es compatible de forma nativa con todos los comportamientos del vidrio, permitiendo teñir cualquier elemento muy fácilmente. Se debe usar el tinte solo para destacar los elementos y las acciones principales en la IU, evitando teñir todos los elementos para no generar confusión.
La capa de contenido también es clave para evitar el ruido visual no deseado. En estados estables, como cuando se ejecuta una app, se deben evitar las intersecciones entre el contenido y **Liquid Glass**, reposicionando o ajustando el contenido para mantener la separación.
Además de estas consideraciones, **Liquid Glass** también ofrece funcionalidades de accesibilidad que se adaptan a todas las necesidades y personas. Estas actúan como modificadores del material que cambian ciertas capas de **Liquid Glass** sin perder prominencia:
- La transparencia reducida lo hace más escarchado y oscurece más el contenido detrás de él.
- Mayor contraste hace que los elementos sean predominantemente negros o blancos y los resalta con un borde.
- Menor movimiento baja la intensidad de algunos efectos y desactiva las propiedades elásticas del material.
Estas estarán disponibles automáticamente cada vez que se utilice el nuevo material. Cuando estas configuraciones se activan en el sistema, los elementos de **Liquid Glass** las aplican de forma global.
Conceptos Similares: Color Glass en Android
El tema **Color Glass** es un concepto visual impactante que combina la audacia de una paleta de colores moderna con la elegancia y la sofisticación del vidrio. Este tema se caracteriza por el uso de tonos ricos y saturados que se difuminan sutilmente y se superponen como si se vieran a través de diferentes paneles de vidrio de color. Su estética se define por sus líneas limpias, su suave luminosidad y su énfasis en la profundidad y la transparencia. Disfruta de una interfaz fluida y elegante con iconos y fondos de pantalla de alta calidad, y un diseño refinado que brinda una experiencia premium similar a la de un Galaxy en tu dispositivo.
Estos fondos de pantalla están diseñados para complementar a la perfección los iconos, ofreciendo una apariencia fluida y radiante para tu pantalla de inicio. Están optimizados para pantallas de borde a borde como las del Galaxy S25, Galaxy S25 Ultra, Galaxy S24 Ultra, Galaxy S24 y Note20. El tema **Color Glass** le da a tu dispositivo una apariencia limpia y futurista.
Características principales:
- Hermosos íconos de vidrio para un estilo fresco y premium.
- Íconos modernos y elegantes: Íconos limpios con esquinas redondeadas inspirados en la estética del Galaxy S25, que le dan a tu dispositivo un toque elegante y contemporáneo.
- Fondos de pantalla de alta definición: Disfruta de fondos de pantalla nítidos y vibrantes, optimizados para varios tamaños de pantalla, incluyendo dispositivos con relación de aspecto alta. Elige entre una amplia selección de fondos FHD+ para una visualización visualmente impactante.
- Pantallas de inicio y bloqueo personalizadas: Configura tus fondos de pantalla favoritos como fondo de pantalla de inicio o de bloqueo.
- Acceso sin conexión: Guarda tus fondos de pantalla HD favoritos en tu dispositivo para acceder rápidamente y verlos sin conexión.
- Comparte fácilmente tus fondos de pantalla favoritos y la app con tus amigos.
- Compatible con todos los dispositivos móviles para una experiencia fluida y versátil.
Este paquete de iconos se puede aplicar a determinados launchers de Android, como el Android 16 Style Launcher, el Galaxy S25 Ultra Launcher, el Nova Launcher, el Action Launcher, el Solo Launcher, el ADW Launcher y el N+ Launcher. Aplicar el paquete de iconos es rápido y sencillo. Simplemente selecciona el launcher que desees de la lista y el paquete se aplicará automáticamente. Para otros launchers compatibles con paquetes de iconos, puedes aplicar manualmente el paquete de iconos Galaxy Glass desde el menú de ajustes, al que se accede normalmente manteniendo pulsada la pantalla de inicio.
El Precursor: Google Glass y la Realidad Aumentada
Si estás muy metido en temas tecnológicos seguramente recuerdas las **Google Glass**. Las **Google Glass**, las Gafas de Google, fueron un dispositivo en forma de gafas pero sin cristales. Su principal característica era que mediante un miniproyector nos proyectaba en la retina una imagen virtual que se mezclaba con la imagen real que veíamos con nuestros ojos. Se sobreimprimía una capa de información sobre las imágenes que veíamos, como si esa información existiera en la realidad.
En los últimos años, Google ha mostrado interés en la realidad aumentada y han surgido rumores sobre un posible regreso de este concepto en nuevos formatos. Las **Google Glass** fueron un adelanto a su tiempo, pero no encontraron su lugar en la vida cotidiana. Sin embargo, sentaron las bases para muchas innovaciones en realidad aumentada que seguimos explorando hoy.