Más de 30 sitios web que prueban que la paralaje no está muerta

El desplazamiento de Parallax se define como un sitio en el que la imagen de fondo se desplaza más rápido que el primer plano, creando la impresión de profundidad. Esa definición rígida está en la raíz de la mayoría de los mitos sobre paralaje: no es adecuada para páginas múltiples, no es adecuada para sitios grandes, no se puede usar en dispositivos móviles, es una tendencia anticuada, es mala para la usabilidad, a los usuarios no les gusta , es malo para SEO, podría continuar ...

Una mejor definición sería: Parallax Scrolling es un sitio en el que los elementos se desplazan a diferentes velocidades creando un efecto dinámico.

Como todo, el desplazamiento de paralaje es malo para un sitio web cuando está mal hecho. Pero muchos sitios hacen paralaje bien.

La tendencia de paralaje de hace un par de años no era realmente paralaje, se trataba de ilustraciones planas, desplazarse para siempre para llegar al contenido, sitios de una sola página con narrativas lineales. Esas experiencias de usuario tienen fecha, pero el paralaje en sí no tiene porque el desplazamiento en la Web es natural.

El paralaje moderno se degrada con elegancia, carga elementos de forma lenta y contribuye positivamente a la experiencia del usuario. Los usuarios necesitan comentarios visuales para sus interacciones, y el desplazamiento de paralaje es la manera perfecta de realizar comentarios sobre la interacción más común de la Web, el desplazamiento.

Encabezado paralaje

Una de las implementaciones más comunes del desplazamiento de paralaje es la paralaje del encabezado. Una vez que tus ojos ven la profundidad, es difícil no verla, así que para crear la clásica impresión de profundidad, solo tienes que introducirla en el encabezado. Dejando el resto de su contenido para desplazarse normalmente.

Chris Roberts

Tim de Graag

Semana del Diseño de Milán

Y7K

Kontor

Bill Byron Wines

Los espacios

Karen Atherley

Paralaje de texto

Parallax se usa a menudo para mejorar el UX, al mantener el contenido de texto al frente y en el centro, al tiempo que permite que el contenido, como las imágenes, se desplace más allá del usuario.

Fletcher Systems

Arte de la industria

manzana

Otro escape

Me gusta la foto

Paralaje sutil

Al igual que la antigua Griot Grrrl, cuyo único guiño a su adolescencia es un exceso de entusiasmo por el delineador de ojos en un sábado por la noche, el desplazamiento de paralaje ha crecido. Los sutiles efectos de paralaje aplicados a algunos elementos crean una experiencia de navegación elegante que encanta y atrae al usuario.

Personaje

Nutsandwoods

Tienes que amar frontend

Hay Rosie

Harewood Estate

Paralaje de punto fijo

El paralaje de punto fijo es ideal para mantener el foco en su contenido primario. Este tipo de paralaje a menudo se puede lograr solo con CSS y produce sitios eficientes y funcionales. Es una técnica ideal para demostraciones de productos.

Formato

Impulsado

Simon Foster

Paralaje clásico

La experiencia clásica, completa, de paralaje aún se está produciendo. Hay docenas de sitios que lo usan con gran efecto. Parallax es mucho más que una tendencia ahora, es un efecto natural en la Web, como lo muestran estos sitios.