Параллакс айналдыру: бұл не?

Авторы:

бөлімінде

,

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 нұсқасындағы ең жаңа параллакс фон мүмкіндігін қолданып көрдіңіздер ме? Ол сіздің пайдаңызға жұмыс істеп жатыр ма? Өз жұмысыңыздың сілтемесімен бөлісуден тартынбаңыз немесе төмендегі пікірлер бөлімінде ұсыныстарыңызды қалдырыңыз.

Сайт құруда сәттілік тілейміз!