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-ийн хамгийн сүүлийн үеийн параллакс арын дэвсгэрийн боломжийг ашиглаж үзсэн үү? Энэ нь танд давуу тал болж чадаж байна уу? Өөрийн ажлын холбоосоо бидэнтэй хуваалцах эсвэл доорх сэтгэгдэл хэсэгт санал сэтгэгдлээ чөлөөтэй үлдээнэ үү.
Вэб бүтээх ажилд тань амжилт хүсье!