Liquid Glass

リキッドガラス / 2025– / Estilo / Apple UI

Unifica la capa flotante de controles y navegación como un material de vidrio fluido que refracta el contenido subyacente y se adapta a él.

De un vistazo

Apps de plataformas Apple que muestran el contenido de borde a borde y dejan flotando encima solo los controles
Pantallas donde cambian el modo claro, el oscuro y el fondo de pantalla pero la posición de los controles debe mantenerse

Lleva el resumen al proyecto o entrega la especificación estructurada a una herramienta de IA.

Guía detallada y fuentesReglas de producción, obras de referencia, comparaciones, investigación y citas

Tipografía: No coloques el texto directamente sobre el material y fija los tamaños mínimos a partir del contraste medido
Composición: Lleva los controles a los bordes de la pantalla y haz concéntricos los radios exterior e interior
Material: Superpón una sola capa refractante y deja que recoja tal cual el color del fondo
Precaución: Limítalo a la capa de controles en lugar de decorar el contenido con tarjetas translúcidas. Cada capa añadida deja pasar más fondo hasta que el texto se vuelve ilegible, así que comprueba la legibilidad en dispositivos reales y respeta el ajuste de reducir transparencia.
Para profundizar: Apple Human Interface Guidelines / regular and clear variants / content and functional layers

Continúa con estilos de Apple UI, priorizados por sus efectos compartidos.

Brushed Metal (ブラシドメタル)Efectos compartidos: Technique / Luxury.
visionOS Spatial Design (visionOS 空間デザイン)Efectos compartidos: Futurity / Technique.
Aqua (アクア)Efectos compartidos: Futurity.

El diccionario existe para que se enlace. Toma la forma que encaje donde estés escribiendo.

Link: https://indexstyle.org/es/styles/liquid-glass
Markdown: [Liquid Glass — IndexStyle](https://indexstyle.org/es/styles/liquid-glass)
HTML: <a href="https://indexstyle.org/es/styles/liquid-glass">Liquid Glass — IndexStyle</a>