Más de 30 sitios web que demuestran que Parallax no está muerto
El desplazamiento de paralaje 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 el paralaje: no es adecuado para varias páginas, no es adecuado para sitios grandes, no se puede usar en dispositivos móviles, es una tendencia anticuada, es malo para la usabilidad, a los usuarios no les gusta. , es malo para el 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 se hace mal. Pero muchos sitios hacen bien el paralaje.
La tendencia de paralaje de hace un par de años no se trataba realmente de paralaje, se trataba de ilustraciones planas, desplazarse eternamente para llegar al contenido, sitios de una sola página con narrativas lineales. Esas experiencias de usuario han pasado de moda, pero el paralaje en sí no lo ha hecho porque desplazarse por la Web es natural.
El paralaje moderno degrada elegantemente, carga elementos de forma perezosa 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 recibir comentarios sobre la interacción más común de la Web, el desplazamiento.
Paralaje de encabezado
Una de las implementaciones más comunes del desplazamiento de paralaje es el paralaje del encabezado. Una vez que sus ojos ven la profundidad, es difícil dejar de verla, por lo que para crear la clásica impresión de profundidad, solo necesita introducirla en el encabezado. Dejando que el resto de su contenido se desplace normalmente.
Chris Roberts
Tim de Graag
Semana del Diseño de Milán
Y7K
Kontor
Vinos Bill Byron
Los espacios
Karen Atherley
Paralaje de texto
Parallax se usa a menudo para mejorar la UX, manteniendo el contenido de texto al frente y al centro mientras se admite contenido como imágenes que se desplazan por el usuario.
Sistemas Fletcher
Arte de la industria
manzana
Otro escape
Me gusta la foto
Paralaje sutil
Al igual que la ex riot grrrl cuyo único guiño a su adolescencia es un entusiasmo excesivo por el delineador de ojos 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
Nueces y maderas
Tienes que amar el frontend
Hay Rosie
Harewood Estate
Paralaje de punto fijo
El paralaje de punto fijo es ideal para mantener el enfoque en su contenido principal. 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
Alimentado
Simón Foster
Paralaje clásico
Todavía se está produciendo la clásica experiencia de paralaje completa. Hay docenas de sitios que lo utilizan con gran efecto. El paralaje está mucho más allá de una tendencia ahora, es un efecto natural en la Web, como muestran estos sitios.
Pirata
L’Amour Fou
El teléfono ligero
Mélanie F
Penxo
FS Emeric
Rob Krar
Martillo de terciopelo
Beagle