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.
Definice paralaxního scrollování
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.
Vliv paralaxního scrollování na uživatele
Tato technika však není vyloženě nová a v tradiční animaci se používala již od 20. let 20. století. Použita byla také v mnoha klasických videohrách, jako jsou třeba Super Mario Bros.
Ve světě webdesignu je však za jednoho z prvních uživatelů paralaxního scrollování v roce 2011 často označována společnost Nike. Od té doby se pojem „paralaxní scrollování“ (někdy nazývaný též „paralaxní pozadí“) stal běžným pojmem mezi designéry i vývojáři a jeho popularita neustále roste.
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.
Co to přináší uživateli
Skvělé na tomto efektu je to, že uživatele motivuje k interakci s vaším webem, čímž zvyšuje jak interakci uživatele, tak atraktivitu webu. A pokud je proveden správně, dokáže paralaxní scrollování vdechnout život i těm nejjednodušším webům. Lze jej dokonce použít i k vytvoření úchvatných příběhů, které návštěvníky webu okamžitě vtáhnou.
Pochlubte se svou prací!
Tak co na to říkáte? Už jste vyzkoušeli nejnovější funkci paralaxního pozadí z PBS v4? Funguje vám ke spokojenosti? Neváhejte se v komentářích níže podělit o odkaz na vaši práci nebo zanechat nějaké návrhy.
Ať se vám weby daří!