ДИЗАЙН САЙТУ
Що таке прокручування паралакса?
Паралаксне прокручування — це графічна техніка веб-дизайну, за якої фонові зображення рухаються повільніше, ніж зображення переднього плану, створюючи ілюзію тривимірного ефекту глибини, коли відвідувачі прокручують веб-сторінку вниз. Техніка виросла з техніки багатоплощинної камери, яка використовувалася в традиційній анімації з 3-х років.
Паралакс заснований на оптичній ілюзії. Оскільки людське око сприймає об’єкти, які знаходяться поблизу нас, як більші, ніж об’єкти, розташовані далі, ми сприймаємо віддалені об’єкти так, ніби вони рухаються повільніше.
Ця ілюзія вже давно адаптована до паралакса в різних середовищах, сприяючи реалістичному ефекту. Його вперше використовували в традиційній анімації, починаючи з «Білосніжки та семи гномів» Діснея, а також у відеоіграх, таких як Super Mario.
З удосконаленням CSS і HTML ефекти паралакса згодом перетворилися на світ веб-дизайну, яким ми його знаємо сьогодні.
Паралаксне прокручування — це спеціальна техніка прокручування, яка використовується у веб-дизайні, коли фонові зображення на веб-сторінці рухаються повільніше, ніж зображення переднього плану, створюючи ілюзію глибини на двовимірному сайті.
Це один із найбільш використовуваних методів дизайну у веб-дизайні зараз, але також те, про що ви, ймовірно, навіть не підозрюєте, що вже випробували.
Це простий рух, до якого ви вже звикли, і він допоміг зробити багато веб-сайтів динамічними та інтерактивними.
Якщо ви вирішите використовувати його, важливо подумати, як паралакс також може вплинути на роботу мобільного пристрою. Щоб збільшити швидкість сайту та не сильно порушувати зручність використання мобільних пристроїв, зазвичай рекомендується або зменшити паралакс прокручування, або повністю його видалити.
Не забудьте подумати про всі випадки, коли ви можете використовувати його в першу чергу, і про те, як його потрібно налаштувати для користувачів на кількох пристроях.
Читати далі тут.
Додаткове посилання:
[optin-monster slug=”em8z7q6hga9elmy1dbgb”]