• 0k
  • 0
Веб-дизайн \ 26 Октябрь 2015

Новинка от Wix: завораживающее видео в качестве фона

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

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

  1. Зайдите в редактор и выберите в левой панели «Фон».
  2. Нажмите на «Видео», выберите подходящее или загрузите свою запись.
  3. Нажмите «ОК». Готово!

Видео в качестве фона сайта

А теперь — несколько практических советов:

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

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

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

Используйте контрастные цвета. Когда будете работать с текстом, сделайте его контрастным, иначе он «потеряется». Если видео темное, буквы должен быть светлыми, и наоборот.

Выключите звук. Замечали, что фоновое видео проигрывается в беззвучном режиме? Это не случайность и не ошибка. Если движущийся фон нас завораживает, то в сочетании с музыкой — раздражает.

Эффект параллакса. Придайте фону дополнительную глубину, добавив поверх него слой (или несколько) с параллакс-прокруткой.

Поработайте над мобильной версией. Важный момент: фоновое видео не появится в мобильной версии вашего сайта. Поэтому зайдите в редактор Mobile и замените видео на подходящую по стилю картинку.

 

Вот и все, предлагаем перейти к практике! Выберите подходящий шаблон с видео в качестве фона и сделайте свой сайт по-настоящему неотразимым:

Сайт фолк-исполнителя >>

 

Сайт йога-студии >>

 


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

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

Неправильный электронный адрес

Электронный адрес уже зарегистрирован

Неправильный электронный адрес

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

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

Неправильный электронный адрес

Электронный адрес уже зарегистрирован

Неправильный электронный адрес