The parallax scrolling effect is a design technique that’s relatively new in development and web design. Over the past few years since it’s hit the scene though, it’s grown pretty popular in its own right, and with good reason, too.
Definición del desplazamiento de paralaje
Parallax scrolling is a technique wherein your web page’s background image scrolls at a slower rate compared to the foreground image. It gives the user a unique sense of depth and action while scrolling through a page when used on a website.
Without Parallax Scrolling
The elements of the web page – the text, images, buttons, etc – all scroll at the same rate as the background.
With Parallax Scrolling
The background image scrolls at a different rate as the rest of the elements in the page.
El impacto del desplazamiento de paralaje en el usuario
Sin embargo, la técnica no es precisamente nueva y, de hecho, se ha utilizado en la animación tradicional desde principios de la década de 1920. También se ha empleado en muchos videojuegos clásicos, como Super Mario Bros.
No obstante, en el ámbito del diseño web, a menudo se le atribuye a Nike haber sido una de las primeras en utilizar el desplazamiento de paralaje en 2011. Desde entonces, el término «desplazamiento de paralaje» o «parallax scrolling» (a veces llamado «fondos con paralaje») se ha convertido en un término común tanto entre diseñadores como desarrolladores, aumentando constantemente en popularidad.
Parallax scrolling as used in a version of Super Mario Brothers. Notice how the hills in the background move
in slightly varying speeds, as compared to Mario and the other characters in the foreground.
Qué ventajas tiene para el usuario
Lo bueno de este efecto es que incita a los usuarios a interactuar con tu sitio web, aumentando tanto la interacción del usuario como el atractivo visual. Y, cuando se hace bien, el desplazamiento de paralaje puede dar vida a la página web más sencilla. Incluso se puede utilizar para crear narrativas impresionantes que atraigan de inmediato a todos los visitantes del sitio.
¡Comparte tu trabajo con nosotros!
¿Qué os parece a vosotros? ¿Habéis utilizado ya la nueva función de fondo de paralaje de PBS v4? ¿Os está funcionando bien? No dudéis en enlazar vuestro trabajo o dejar algunas sugerencias en la sección de comentarios que aparece abajo.
¡Feliz creación de sitios web!