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.
Parallax Scrolling definit
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.
Impactul derulării de tip parallax scrolling asupra utilizatorului
Totuși, tehnica nu este chiar nouă și a fost utilizată de fapt în animația tradițională încă din anii 1920. De asemenea, a fost folosită în multe jocuri video clasice, cum ar fi Super Mario brothers.
În domeniul web designului însă, Nike este adesea creditată ca fiind una dintre primele companii care au utilizat parallax scrolling în 2011. De atunci, termenul „parallax scrolling” (numit uneori „fundal/fundaluri paralaxă”) a devenit un termen comun atât printre designeri, cât și printre dezvoltatori, crescând constant în popularitate.
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.
Ce avantaje are utilizatorul
Ceea ce este grozav la acest efect este că îi determină pe utilizatori să interacționeze cu site-ul dvs., sporind atât interacțiunea, cât și atractivitatea. Iar atunci când este făcut cum trebuie, efectul de parallax scrolling poate da viață chiar și celor mai simple site-uri web. Poate fi folosit chiar și pentru a crea narațiuni uimitoare care captivează imediat toți vizitatorii site-ului.
Împărtășiți-vă creațiile cu noi!
Așadar, voi ce părere aveți? Ați folosit deja noua funcție de fundal paralaxă din PBS v4? Funcționează în avantajul vostru? Nu ezitați să ne trimiteți un link către lucrările voastre sau să lăsați câteva sugestii în secțiunea de comentarii de mai jos.
Spor la construit site-uri!