Parallax Scrolling: Ano Ito?

Isinulat ni

sa

,

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.

Kahulugan ng Parallax Scrolling

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.

Ang Epekto sa User ng Parallax Scrolling

Gayunpaman, hindi naman talaga bago ang teknik na ito, at sa katunayan ay ginagamit na sa tradisyonal na animasyon mula pa noong dekada ng 1920. Ginamit din ito sa maraming klasikong video game, tulad ng Super Mario brothers.

Sa larangan naman ng web design, ang Nike ay madalas na kinikilala bilang isa sa mga unang gumamit ng parallax scrolling noong 2011. Mula noon, ang terminong “parallax scrolling” (kung minsan ay tinatawag na “parallax background/s”) ay naging karaniwang termino na sa mga designer at developer, at patuloy na lumalago sa kasikatan.

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.

Ano ang Mapapala ng User

Ang maganda sa epektong ito ay hinihikayat nito ang mga user na makipag-ugnayan sa iyong website, na nagpapataas kapwa sa interaksyon at pang-akit ng user. At, kapag nagawa nang tama, ang parallax scrolling ay kayang magbigay-buhay sa pinakasimpleng mga website. Maaari pa nga itong gamitin upang lumikha ng mga nakamamanghang salaysay na agad na humihikayat sa lahat ng manonood ng site.

Ibahagi ang Iyong Gawa sa Amin!

Kaya ano sa palagay ninyo? Nagamit mo na ba ang pinakabagong feature na parallax background mula sa PBS v4? Nakakatulong ba ito sa iyong bentahe? Huwag mag-atubiling i-link sa amin ang iyong gawa, o mag-iwan ng ilang mungkahi sa seksyon ng mga komento sa ibaba.

Maligayang Pagbuo ng Site!