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.
Cos’è il Parallax Scrolling
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.
L’impatto del Parallax Scrolling sugli utenti
La tecnica non è propriamente nuova, tuttavia, ed è stata effettivamente utilizzata nell’animazione tradizionale fin dagli anni ’20. È stata anche utilizzata in molti videogiochi classici, come Super Mario Bros.
Nel campo del web design, tuttavia, a Nike viene spesso attribuito il merito di essere stata tra i primi a utilizzare il parallax scrolling nel 2011. Da allora, il termine “parallax scrolling” (talvolta chiamato “sfondo/i parallasse”) è diventato un termine comune sia tra i designer che tra gli sviluppatori, aumentando costantemente in popolarità.
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.
I vantaggi per l’utente
Il punto di forza di questo effetto è che spinge gli utenti a interagire con il tuo sito web, accrescendo sia l’interazione che l’attrattiva per l’utente. E, quando fatto bene, il parallax scrolling può dare vita anche al più semplice dei siti web. Può persino essere utilizzato per creare narrazioni straordinarie che catturano immediatamente l’attenzione di tutti i visitatori del sito.
Condividi il tuo lavoro con noi!
Allora, cosa ne pensate? Avete già utilizzato la nuova funzionalità per gli sfondi parallax di PBS v4? Sta funzionando a vostro vantaggio? Sentitevi liberi di condividere i link ai vostri lavori o di lasciare qualche suggerimento nella sezione commenti qui sotto.
Buona creazione di siti web!