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.
A parallax görgetés fogalma
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.
A parallax görgetés hatása a felhasználókra
A technika azonban nem kifejezetten új, hiszen a hagyományos animációban már az 1920-as évek óta alkalmazzák. Számos klasszikus videojátékban is felhasználták, mint például a Super Mario Brothersben.
A webdizájn világában azonban gyakran a Nike-t tartják számon az egyik elsőként, aki 2011-ben parallax görgetést használt. Azóta a „parallax görgetés” (néha „parallax háttér/hátterek”) kifejezés a dizájnerek és a fejlesztők körében egyaránt bevett fogalommá vált, és népszerűsége töretlenül növekszik.
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.
Miért jó ez a felhasználónak?
Ami nagyszerű ebben az effektusban, hogy arra ösztönzi a felhasználókat, hogy interakcióba lépjenek a weboldallal, fokozva mind a felhasználói elköteleződést, mind a vonzerőt. És ha jól csinálják, a parallax görgetés még a legegyszerűbb webhelyeket is életre keltheti. Akár lenyűgöző történetmesélésre is használható, amely azonnal magával ragadja az oldal látogatóit.
Osszátok meg velünk a munkátokat!
Szóval, mit gondoltok? Használtátok már a PBS v4 legújabb parallax háttér funkcióját? Bevált számotokra? Nyugodtan linkeljétek be a munkátokat, vagy osszátok meg javaslataitokat az alábbi hozzászólásokban.
Jó weboldal-építést!