Mosaicos de Cristal: mosaicos redondeados de cristal esmerilado sobre una malla azul eléctrico
Mosaicos de Cristal coloca una cuadrícula de cuadrados de cristal redondeados sobre un degradado Malla en azul real, cian y violeta, con fondo azul medianoche. Forma del mosaico está en Redondeado con 4 Mosaicos por fila, y cada pieza funciona como una pequeña lente: Fuerza de la lente en 60 amplía los colores de detrás sobre todo en el centro y menos hacia el borde, mientras Escarcha en 15 añade un ligero desenfoque. Cada mosaico recoge luz en su borde superior izquierdo y proyecta una sombra suave hacia abajo a la derecha, el cristal en relieve del glassmorphism sin montarlo capa por capa.
Hazlo tuyo
Esmerila más el cristal
Escarcha está solo en 15, así que el degradado se ve nítido dentro de cada pieza. Hacia 50, los mosaicos desenfocan los colores y ganan una película lechosa, más cercana al cristal esmerilado de un baño, lo que da un fondo más tranquilo al texto que pongas encima.
Cambia el tamaño de la cuadrícula
Mosaicos por fila define cuántas piezas caben a lo ancho. Con 2 tienes dos paneles grandes para un hero dividido; desde 8, la cuadrícula se vuelve un mosaico fino. Pon Forma del mosaico en Círculo para botones de cristal o en Rombo para un patrón de arlequín.
Preguntas frecuentes
¿En qué se diferencian los mosaicos de cristal del control Cristal?
Cristal corta toda la imagen en paneles verticales acanalados, como un vidrio estriado. Los mosaicos de cristal son lentes independientes en una cuadrícula, cada una con su propia vista ampliada, su borde iluminado y su sombra. En este estilo Cristal se queda en 0, así que los mosaicos son el único cristal en pantalla.
Cómo funciona
Elige un punto de partida
Empieza con uno de los 28 estilos, como Malla Suave, Rayos de Eclipse o Semitono Riso, o elige un tipo de degradado y una de las 24 paletas.
Ajusta el degradado
Ajusta la escala, la distorsión, el remolino y la suavidad, añade grano, paneles o mosaicos de cristal, una superposición de puntos, cuadrícula o líneas, una segunda capa fusionada o un tratamiento como el semitono o la ordenación de píxeles, y activa la animación con su propia velocidad.
Previsualízalo y úsalo
Mira el degradado en diseños de landing page, tarjeta, móvil y registro, y después inicia sesión con una cuenta gratuita de UX Pilot para usarlo en el canvas o exportarlo.