Паралакс...Звучить красиво, цікаво і дещо загадково, і виглядає на сайтах саме так. Паралакс-ефект — один зі способів зробити сайт таким привабливим для відвідувачів, щоб вони просто не могли відірвати від нього очей.
Технологія паралакс походить з відеоігор, але давно стала відомим трендом веб-дизайну. Її секрет — у шарах зображень, які рухаються з різною швидкістю під час прокручування сторінки. Це додає сайту “глибини” і створює псевдо-ефект 3D.
“Зацікавте і розважте мене” — ось про що мріють більшість відвідувачів сайтів, особливо після тяжкого робочого дня. Цю задачу прекрасно виконує паралакс. Але завжди краще побачити приклади замість тисячі слів, правда?
Оцініть 10 цікавих сайтів, що мають паралакс-скролінг
1. Rimmel London
Продукція індустрії краси прекрасно поєднується з псевдо-ефектом 3D — так вона виглядає особливо привабливо для покупців. Сайт пропонує по-справжньому казкову презентацію косметики Rimmel London.
2. Cyclemon
Це справжній скарб для любителів велосипедів. На сайті багато різнокольорових велосипедів, дуже стильно представлених за допомогою паралакс-ефекту. Це створює особливу атмосферу і надихає купити продукцію сайту — шовкографічні та цифрові принти з велосипедами.
3. Giacomo Morelli
Стильні зображення взуття рухаються по екрану, коли ви водите по ньому мишкою. Ви зайшли на сайт модного дизайнера взуття Джакомо Мореллі! Натисніть на кнопку “текст” — і побачите зручне навігаційне меню.
4. Costa Coffee
Сайт популярного магазину кави має дуже цікавий та візуально насичений дизайн. На ньому є багато анімованих картинок, які розважають відвідувачів. Історія про філіжанку кави може бути дійсно захопливою!
5. Dementia Lab
http://www.dementialab.org/discovery-lab/
Фонд дослідження деменції має сайт з корисною інформацією про деменцію, яка представлені за допомогою привабливого паралакс-ефекту. Попап-кнопки ведуть на інші сторінки, на яких міститься ще більше деталей.
6. Madwell
Від цього сайту не можна відірвати очей...а мишку неможливо відірвати від скролінгу! Ви в таємничому світі, створеному цілим набором паралакс-ефектів, які просто заворожують. Нью-йоркська дизайн агенція створила все це для свого офіційного сайту.
7. La Moulade
З першого погляду помітно, що ви прийшли на сайт креативної студії. Сайт агенції La Moulade має паралакс-скролінг з великою кількістю анімації, а також з незвичним навігаційним віджетом. Все представлене в насиченому, сонячному жовтому кольорі.
8. NASA Prospect
Цей крутий сайт містить музику та паралакс-прокрутку, створену студентами-дизайнерами у співпраців з NASA. Він в розважальній та захопливій манері розповідає історію про космічну подорож.
9. Green Man
А ось незвичний та неймовірно креативний приклад паралакс-скролінгу. Це новий сайт відомого уельського фестивалю під назвою Green Man. Фани фестивалю повинні особливо оцінити цей креатив.
10. Every last drop
Серйозне питання може ховатися за розважальною графікою. Це може стати чудовим способом донести ідею до людей! Сайт піднімає проблему конверсії води і показує, як вода витрачається в щоденному житті.
Вас це надихнуло? Компанія з розробки сайтів InternetDevels може створити подібну “красу в русі” для вас, а також багато інших ефектів. Просто розкажіть нам, про який сайт мрієте!