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 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.
Պարալաքս սքրոլինգի ազդեցությունը օգտատիրոջ վրա
Այս տեխնիկան, սակայն, ամենևին էլ նոր չէ և ավանդական անիմացիայում օգտագործվել է դեռևս 1920-ականներից: Այն նաև օգտագործվել է բազմաթիվ դասական տեսախաղերում, ինչպիսին է Super Mario brothers-ը:
Վեբ դիզայնի ոլորտում, սակայն, Nike-ը հաճախ համարվում է առաջիններից մեկը, որը կիրառել է պարալաքս սքրոլինգը 2011 թվականին: Այդ ժամանակից ի վեր «պարալաքս սքրոլինգ» տերմինը (երբեմն կոչվում է «պարալաքս ֆոն/ներ») դարձել է տարածված ինչպես դիզայներների, այնպես էլ ծրագրավորողների շրջանում՝ անշեղորեն մեծացնելով իր ժողովրդականությունը:
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.
Ի՞նչ է դա տալիս օգտատիրոջը
Այս էֆեկտի առավելությունն այն է, որ այն դրդում է օգտատերերին փոխազդել ձեր կայքի հետ՝ բարձրացնելով ինչպես օգտատիրոջ ակտիվությունը, այնպես էլ գրավչությունը: Եվ, երբ ճիշտ է արված, պարալաքս սքրոլինգը կարող է կենդանություն հաղորդել ամենապարզ կայքերին: Այն կարող է նույնիսկ օգտագործվել տպավորիչ պատմություններ ստեղծելու համար, որոնք անմիջապես գրավում են կայքի բոլոր այցելուներին:
Կիսվե՛ք ձեր աշխատանքով մեզ հետ
Իսկ ի՞նչ եք կարծում դուք: Օգտագործե՞լ եք արդյոք PBS v4-ի նորագույն պարալաքս ֆոնի գործառույթը: Արդյո՞ք այն աշխատում է ձեր օգտին: Ազատորեն կիսվեք ձեր աշխատանքի հղումով կամ թողեք առաջարկներ ստորև՝ մեկնաբանությունների բաժնում:
Հաճելի կայքաշինություն: