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.
Definicija paralaksnog skrolanja
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.
Utjecaj paralaksnog skrolanja na korisnike
Ova tehnika zapravo nije sasvim nova i zapravo se koristila u tradicionalnoj animaciji još od 1920-ih. Također se koristila u mnogim klasičnim videoigrama, poput Super Mario brothersa.
U svijetu web dizajna, međutim, Nikeu se često pripisuje da je bio među prvima koji su upotrijebili paralaksno skrolanje 2011. godine. Od tada je pojam „paralaksno skrolanje” (ponekad nazivan i „paralaksna pozadina / pozadine”) postao uobičajen pojam među dizajnerima i programerima, uz stalan rast popularnosti.
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.
Koje su prednosti za korisnika
Ono što je sjajno kod ovog efekta jest to što potiče korisnike na interakciju s vašom web-stranicom, povećavajući i korisnički angažman i privlačnost. I, kada se napravi kako treba, paralaksno skrolanje može oživjeti i najjednostavnije web-stranice. Može se čak koristiti i za stvaranje zadivljujućih priča koje odmah privlače sve posjetitelje stranice.
Podijelite svoj rad s nama!
Dakle, što vi mislite? Jeste li već isprobali najnoviju značajku paralaksne pozadine iz PBS v4? Djeluje li vam u korist? Slobodno podijelite poveznicu na svoj rad ili ostavite prijedloge u odjeljku za komentare u nastavku.
Sretno s izradom stranica!