• 0k
  • 0
Веб-дизайн \ 10 Ноябрь 2015

Что такое параллакс, или Как поразить своих пользователей

Параллакс-прокрутка — очень простой и выразительный способ придать сайту дополнительную глубину. Даже если вы никогда о нем не слышали, то наверняка видели, и не раз. Благодаря этому эффекту сайт воспринимается не плоским, а объемным, как 3D-кино. Хорошие новости: в новом редакторе Wix такой эффект делается за считанные минуты. Для тех, кто не уверен, что к чему, мы решили провести «ликбез по параллаксу» и рассказать все, что знаем сами.

Что такое параллакс-прокрутка?

Честно говоря, это громкое название довольно простой идеи. Суть ее в том, что при прокручивании страницы фон двигается медленнее, чем все остальные элементы. И несмотря на такое простое объяснение, смотрится это очень впечатляюще. Интересно? Хотите попробовать? Тогда следующие советы — для вас:

Длинная прокрутка + параллакс = <3

Эффект параллакса оживляет именно процесс прокрутки, поэтому мы рекомендуем его владельцам сайтов с длииииинной прокруткой. Сайт Kuppa Coffee — отличный тому пример.

Kuppa Coffee

Соблюдайте меру

Принцип «лучше меньше да лучше» уместен и в жизни, и в веб-дизайне.  Параллакс-прокрутка штука классная, главное — знать меру и не добавлять ее на все страницы подряд. Сперва решите, на чем хотите сделать акцент, а уже потом приступайте к работе над сайтом. Руководствуясь этим же принципом, на передний план можете добавить элементы с прозрачным фоном. При прокрутке они будут двигаться, а пользователи — удивляться.

Для того, чтобы не переборщить с эффектами, вам пригодятся «Полоски» — новая функция редактора Wix. Эффект параллакса можно добавить не на всю страницу, а на некоторые блоки, чтобы они воспринимались как наиболее важные. Удобно, когда нужно привлечь внимание посетителей к определенной части контента.

Расскажите историю

Появление различных эффектов при прокрутке — лучший способ удержать внимание человека и сделать так, чтобы он досмотрел страницу до конца. Используйте эту фишку и удивляйте посетителей медленно раскрывающейся историей.

Для большей выразительности можно добавить слой с параллакс-прокруткой поверх видео. Не так давно мы рассказывали, как это делается.

Оживите текст

Текст в сочетании с эффектом параллакса вызывает ощущение, что буквы волшебным образом парят над фоном. Это выглядит интересно, пользователи увлекаются и дочитывают написанное до конца. Если текста много, попробуйте разбить его на блоки и разнести по сайту с помощью «Полосок». Организованный и оформленный контент читается гораздо легче.

Разумеется, вы не обязаны следовать нашим советам так, словно они высечены на скрижалях. Пробуйте, смотрите, что получается, и делайте так, как нравится прежде всего вам.

А теперь — за работу:

  1. Зайдите в редактор и выберите «Фон» в левой панели.
  2. Нажмите на кнопку «Настройки».
  3. В «Эффектах прокрутки» выберите «Параллакс».

А вот несколько новых шаблонов со встроенной параллакс-прокруткой:

Фитнес-студия >>

Персональный тренер >>

Пиццерия >>

Тату салон >>

Готовы испробовать эффект параллакса на деле? Зайдите в свой аккаунт и начинайте творить! Если у вас еще нет сайта на Wix, никогда не поздно начать. Откройте один из наших бесплатных шаблонов в редакторе, и создайте свой сайт — своими руками!


Оставайтесь в курсе
новинок блога

Подпишитесь на блог и не пропустите ни одной статьи!

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Давайте дружить \ 

Подпишитесь на нашу рассылку и получайте
новые статьи блога прямо себе на почту.

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email