El Ефект паралаксу Саме про веб-компонент ви сьогодні найбільше чуєте. Сказати, що це тенденція щонайменше рік, недостатньо. Після буму HTML5, CSS3, jQuery та односторінкових сайтів (що складаються з однієї сторінки), цей оптичний ефект досяг найсучасніших веб-сайтів, які нас вразили.
Якщо ми переглянемо мережу, то побачимо, що на більшості сторінок її використання є експериментальним. Особливо в категорії інтернет-портфоліо, дизайнери дають волю своїй фантазії продемонструйте свою майстерність і спробуйте зробити ще один крок, ніж зробив партнер по сусідству. Тут ми пропонуємо вам компіляцію 6 веб-сайтів з Parallax, які ви можете побачити та прокоментувати.
Що таке паралакс?
Почнемо спочатку, що це за паралакс? Це полягає ні в чому іншому, як в тому, що коли ми рухаємося вертикально по сторінці (тобто ми прокручуємо), фон рухається набагато повільніше, ніж інші елементи. Це ніби наш веб-сайт розділений на два або більше шарів Photoshop. І те, чого досягає ефект паралаксу, дає нам це відчуття глибини, які багато хто також називають ефектом 3D.
З усіма цими "новинами" ми ніколи не повинні дозволяти собі захоплюватися тенденціями до такої міри, щоб забути справжнє призначення веб-сторінки: спілкуватися, скажи щось. І я бачив численний сайтs, в яких креативність зображень та елементів, що чарівно рухаються на екрані, настільки вражаюча, що мій погляд уникає зупинки, щоб прочитати сказане в ній.
6 Приклади веб-сайтів з ефектом Паралакс
- Циклмон: Ефект паралаксу, який діє та приносить користь. Мало тексту, дуже стислого, що супроводжується символом ілюстрації що змінюється з ним. У цьому випадку ефект мене не турбує: він допомагає мені зацікавитись вмістом, який, розказаний по-іншому, не привабив би мене анітрохи.
- L'unità: Мене приваблює якість зображення що увінчує мережу. Однак велика кількість зображень і низька висота кожного розділу вводять мене в оману. Ефект паралаксу мене не турбує, але я думаю, що вищі розділи отримають більше. До речі: якщо закрити Інтернет і відкрити його знову, основне зображення змінюється.
- Титанічна: Просто круто і блискуче. Коли я вперше увійшов у систему, я не міг уникнути прокрутки весь час, поки не дійшов до кінця. Тож я повернувся до початку Інтернету, щоб прочитати вміст, насолоджуючись ефектом Паралаксу знову. Ви скажете мені, що ви думаєте.
- Sony: Якщо ви шукали в Інтернеті приклади Parallax, ви, швидше за все, бачили цю сторінку. І це логічно, адже результат вражає. Найкраще застосування ефекту, яке я бачив досі, без вагань.
- Солей нуар: Мені нагадує багато чого з Cyclemon. Це також ілюстрації у поєднанні з невеликим текстом. Мені дуже подобається бічна панель, класифікована за кольором, що дає нам можливість повернутися назад або перейти до будь-якого розділу.
- Рибний: Вибачте, я не переконаний. Це веб-сайт, який мене запаморочує: елементів забагато, у мене відчуття, що все рухається ... Мені це не зовсім подобається. Як ти гадаєш?
- Гілгул: Мені сподобалися фонові картинки. Я нічого не розумію, про що йдеться в Інтернеті, але мені це подобається.
Який дивний ефект від Paralax, я б дуже хотів дізнатись, як це досягається, практикуючи його, та включити його в один зі своїх веб-дизайнів.
Як ми можемо отримати доступ до цих конструкцій?