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.
Въздействието на паралакс превъртането върху потребителите
Техниката обаче не е съвсем нова и всъщност се използва в традиционната анимация още от 20-те години на миналия век. Използва се и в много класически видеоигри, като 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? Работи ли във ваша полза? Чувствайте се свободни да споделите връзка към работата си или да оставите предложения в секцията за коментари по-долу.
Приятно създаване на сайтове!