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.
تأثیر اسکرول پارالکس بر کاربر
با این حال، این تکنیک دقیقاً جدید نیست و در واقع از اوایل دهه ۱۹۲۰ در انیمیشن سنتی استفاده می‌شده است. همچنین در بسیاری از بازی‌های ویدیویی کلاسیک، مانند برادران سوپر ماریو (Super Mario brothers)، به کار رفته است.
با این حال در دنیای طراحی وب، نایک اغلب به عنوان یکی از اولین کسانی که در سال ۲۰۱۱ از اسکرول پارالکس استفاده کردند شناخته می‌شود. از آن زمان، اصطلاح «اسکرول پارالکس» (که گاهی «پس‌زمینه/های پارالکس» نامیده می‌شود) به اصطلاحی رایج میان طراحان و توسعه‌دهندگان تبدیل شده و محبوبیت آن به‌طور پیوسته افزایش یافته است.
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 استفاده کرده‌اید؟ آیا برایتان کارآمد بوده است؟ خوشحال می‌شویم لینک کار خود را برای ما بفرستید یا پیشنهادهایتان را در بخش نظرات در ادامه بنویسید.
ساخت سایت خوبی داشته باشید!