Главная - Без рубрики - Творческий подход к Использованию Видео в Веб-Дизайне: Фоновое Видео

Творческий подход к Использованию Видео в Веб-Дизайне: Фоновое Видео

bulgari

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

Некоторые веб-дизайнеры создают сайты нового поколения, в которые входит интерактивное навигационное меню с визуальными эффектами и в которое динамично вписывается дизайн с фоновым видео. Всё это можно сделать с использованием Flash или HTML5, однако, большинство веб-сайтов на которых есть фоновое видео, изготавливаются с помощью Flash. Сейчас я не буду вникать в технические моменты создания таких сайтов с поддержкой фонового видео, но скажу, что каждый такой веб-дизайнер создает сайт исходя из своих потребностей и целей.

Для удобства просмотра веб-сайта, в который входит фоновое видео, в значительной степени зависит от скорости канала интернета пользователя. Сайты с фоновым видео, конечно, не вписываются в привычную нам обстановку онлайн-журнала или блога. Они зачастую используются в сфере развлечений либо корпоративных сайтов. Эти сайты отлично смотрятся в роли портфолио, сайтах о моде, рекламных компаниях. Ниже вы сможете просмотреть сайты, которые реализовали идею фонового видео.

Все ссылки на сайты не активные – вам надо скопировать ссылку в буфер обмена и вставить в адресную строку нового окна браузера.

[heading size=»16″]Одежда, обувь, драгоценности[/heading]

Bulgari B.Zero1 – www.bzero1.bulgari.com

Bulgari, Итальянский ювелир и розничный продавец ювелирных товаров, пользуется фоновым видео, чтобы продемонстрировать свою новую B. Zero1 линию. Сайт выполнен на хорошем уровне, но при просмотре сайта браузер может работать медленно. Это послужило причиной того, что Bulgari избегает использования фоновых видео на каждой странице сайта. Интерактивное меню навигации, мягкие переходы и визуально исключительная графика – увидя это, пользователь испытывает восторг, что способствует продажам его товара. Общие ощущения пребывания на сайте можно сравнить с просмотром DVD диска.

Uniqlock — www.uniqlo.jp/uniqlock/

Uniqlock – компания по рекламе одежды для Uniqlo. В 2008 году сайт компании Uniqlo выиграл один из шести Black Pencils в рубрике онлайн рекламы на D&AD Awards в Лондоне. Входит в тройку крупных брендов розничной торговли Японии. Сайт представляет виртуальную презентацию одежды Uniqlo, с использованием фонового видео. Компания Uniqlock имеет многолетний опыт в использовании фонового видео.

Gudrun og Gudrun — www.gudrungudrun.com

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

Jay Jays Dance/Off — danceoff.jayjays.com.au

Dance/Off  интерактивный 3D онлайн-каталог, для новой линии молодежной моды, модного бренда Jay Jays. 3-D подход является инновационным, но пользователи, без возможности просмотра сайта в режиме 3D, воспримут его не так как нужно, и он им покажется визуально непривлекательным. Кроме того, страница занимает слишком много времени для загрузки, даже если пользователь имеет скоростной канал интернета. Зато перемещаться по сайту можно с помощью клавиатуры.

Yves Rocher: Tout le Film — www.toutlefilm.com

“Ce qui est essentiel rend belle” — Простой и удобный сайт, представляет рекламный ролик о сексе в любом возрасте. Сайт выполнен очень просто, что значительно уменьшает нагрузку на сервер. Включение фонового видео автоматически не начинается, для просмотра пользователю нужно нажать на «Play».

John Galliano — www.johngalliano.com

John Galliano(Джон Гальяно) Представитель британской марки одежды. Сразу при входе на сайт прогружаеться фоновое видео вместе с музыкой. Креативная система навигации, но слижком резкая для человеческого глаза, трудно открыть нужный раздел.

Valentino — www.valentino.com

Valentino – является международной компанией одежды в Италии. Если брать сайт Valentino и сайт John Galliano в сравнении, —  можно заметить, что навигация по сайту не столь навязчива. Видео на главной не запустить автоматически пока пользователь не выберет хотя бы один из пунктов меню.

Sam Edelman — www.samedelman.com

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

[heading size=»16″]Автомобильные сайты[/heading]

Toyota Avalon — www.toyota.com/vehicles/minisite/avalon

Промо-сайт для Toyota Avalon является полностью интерактивным путешествием через пять мест назначения и пяти из особенностей транспортного средства. Сайт творчески использует фоновое видео. Сайт Создан Северным Королевством (Стокгольм, Швеция) в сотрудничестве с Saatchi & Saatchi LA (Лос-Анджелес, США).

[heading size=»16″]Напитки и продукты питания[/heading]

LemonAid — www.lemon-aid.de

LemonAid — органический напиток. Компания использует фоновое видео для рекламы своего продукта. Один существенный недостаток: размер шрифта слишком мал.

Hennessy — www.hennessy.com

Hennessy, я думаю, название говорит само за себя. Для тех “кто в танке” – это известная французская марка коньяка. Фоновое видео украшает сайт, придавая ему элегантности. В целом хороший, изящный, пригодный для жизни бренда.

Русский Стандарт Водка — www.russianstandardvodka.com/#/en/

Ведущая марка водки в России. Основной раздел сайта автоматически прокручивает выбор промо-материала. Навигация отображается тогда, когда пользователь водит мышкой над меню. Существует возможность нажать на видео, чтобы приостановить его.

[heading size=»16″]Музыка и танцы[/heading]

1001 Отношение — www.1001-attitude.com

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

Случайные Танцы — www.randomdance.org

Random Dance (Случайные танцы) , всемирно известная британская компания танцев. Фоновое видео на сайте стоит на всю главную страницу. При перемещении глубже, видео становиться меньше.

[heading size=»16″]Рестораны и ночные клубы[/heading]

Byblos — www.byblos.hr

Byblos – это ночной клуб в Пореч, Хорватия. Сайт использует фоновое видео не только для того, что бы показать кадры из самого клуба, но и установить тон и отношение этого хот-спота.

The Wood — www.thewood.be

The Wood — Новый бар/ресторан в центре Брюсcеля и знаменитая “Bois de la Cambre.” Дизайнеры сайта использовали фоновое видео для изготовления мягкой атмосферы, которая, кажется, соответствует декору ресторана.

[heading size=»16″]Дизайн – агентства[/heading]

Less Rain — www.lessrain.de

Less Rain цифровое творческое агентство с офисами в Лондоне, Берлине и Токио. Агентство использует фоновое видео только для того, что бы приукрасить остальную часть сайта.

Metaproject — www.themetaproject.com

Metaproject (Мета-проект) – творческое агентство, основанное в Нью-Йорке. При просмотре — сайт не навязывается и не отвлекает, что не всегда легко достичь, как мы видели. Переходы по сайту являются гладкими, а фон меняется в зависимости от страницы.

Источник:

http://www.smashingmagazine.com/2011/01/06/creative-use-of-background-video-web-design-showcase

О admin

Оставить комментарий

Ваш email нигде не будет показанОбязательные для заполнения поля помечены *

*