• 0k
  • 0
Веб-дизайн \ 16 Август 2016

Новые параллакс-эффекты: еще больше красоты на вашем сайте

Дорогие пользователи, у нас снова хорошие новости! Мы поработали над параллакс-прокруткой и хотим продемонстрировать вам несколько новых эффектов, с которыми ваш сайт станет еще красивее и выразительнее. Вот увидите — ваши посетители будут в восторге.

Если у вас уже есть сайт с параллакс-прокруткой, и она вас полностью устраивает, не спешите с выводами и посмотрите на новые эффекты. Они такие классные, что вы не сможете устоять. Если же сайта у вас нет, и вы только думаете о том, чтобы его сделать, вам следует обязательно познакомиться с нашей новинкой. Благодаря ей ваш первый сайт получится запоминающимся и необычным.

Почему параллакс-прокрутка — это классно?

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

У популярности параллакс-прокрутки есть несколько объективных причин:

  • Благодаря параллаксу сайт воспринимается более отзывчивым и интерактивным.
  • Если прокрутка сопровождается визуальными эффектами, посетитель проводит на сайте больше времени. А чем дольше он на нем находится, тем больше шансов, что он заинтересуется вашими идеями и предложениями.
  • Параллакс хорошо сочетается с другими трендами, например, с длинными страницами, которые подразумевают прокручивание, а не щелканье мышкой.
  • Эффект последовательного раскрытия, сопровождающий параллакс-прокрутку, идеально подходит для того, чтобы рассказать историю.
  • С параллаксом ваш сайт смотрится живым, подвижным, и это очень необычно и красиво.

Вывод напрашивается сам собой: с параллаксом лучше, чем без него. А новые эффекты, доступные в редакторе Wix, открывают вам поистине новые возможности.

Новые параллакс-эффекты

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

Раскрытие

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

эффект параллакс раскрытие

Увеличение

Этот эффект можно использовать для привлечения внимание к конкретному элементу, или для того, чтобы показать вашу страницу в другом ракурсе. Увеличение добавляет сайту динамики, но, поскольку эффект очень умеренный, смотрится ненавязчиво и элегантно.

эффект параллакс увеличение

Проявление

Хороший эффект для того, чтобы освежить сайт. С ним картинки или полоски становятся более выразительными, а еще он подходит для того, чтобы сделать акцент на цветах. Сначала они выглядят бледно, но по мере прокручивания становятся ярче. Цвет проступает постепенно, делая прокрутку ритмичной.

эффект параллакс проявление

Не забывайте про классическую параллакс-прокрутку

Эти новые эффекты отлично сочетаются с классической параллакс-прокруткой, в которой эффект объема создается за счет того, что фон и передний план движутся с разной скоростью. Вы можете добавить новые параллакс-эффекты в полоску и в то же время использовать классический эффект параллакса для всей страницы, чтобы сделать ее еще более объемной и выразительной.

эффект параллакс

Попробуем?

Ниже — краткие инструкции по добавлению предложенных эффектов. Если вам нужно больше информации — прочитайте статью из Центра поддержки.

Добавляем параллакс-эффект в полоску:

  • Зайдите в редактор, нажмите «Добавить» → «Полоска».
  • Выберите полоску и нажмите на «Изменить фон полоски», если хотите загрузить другую картинку или видео.
  • Теперь в открывшемся окне нажмите «Настройки» и выберите желаемый эффект прокрутки.
  • Сохраните изменения и посмотрите на результат в режиме предпросмотра.

Делаем фон с параллакс-прокруткой:

Вы хотите оживить фон всего сайта? Для этой задачи вам понадобится классическая параллакс-прокрутка:

  • Зайдите в редактор, нажмите на «Фон» в левой панели.
  • Нажмите в выпавшем меню «Настройки» и выберите «Параллакс».
  • Сохраните изменения и посмотрите на сайт в режиме предпросмотра.

 

Нужно сделать сайт? Создайте его самостоятельно с Wix!

Автор Команда 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