16 превъзходни уебсайта с видео фонове
Проектирането на уебсайт не означава, че трябва да създадете статично изживяване - това не е печат. С възхода на HTML5 стана по-лесно да добавяте неща като анимация за да създадете по-богато потребителско изживяване. Тези визуални процъфтявания често могат да работят за създаване на по-интересно, завладяващо и забележително преживяване, ако се направят правилно. Същото важи и за видео , което HTML5 прави много по-лесно внедряването по начин, който е достъпен.
Някои сайтове се възползват максимално от големи видеоклипове с размер на браузъра, като ги използват като фон за своята уеб страница, което им позволява да променят визуалното изживяване по нови и креативни начини. Някои сайтове използват големи фонови видеоклипове, за да променят фино настроението и атмосферата, докато други демонстрират своя продукт в действие или го използват, за да разкажат история, която не би била толкова лесна или може би толкова забавна, колкото при обикновена, статична страница.
За да ви помогнем да вдъхновите, събрахме някои от по-креативните, странни и интересни примери за сайтове, които използват пълноценно видео фона. Надяваме се, че нашата витрина ще ви бъде полезна за следващия ви проект за уеб дизайн.
01. mediaBOOM
mediaBOOM е интерактивна рекламна агенция, която е предприела уникален подход при създаването на своята марка. Фонов видеоклип, заснет в ретро американски стил, разказва историята на агенцията им, разположена в измислен свят, който прилича на Манхатън през 50-те години.
02. Фестивал MyProvence
Сайтът на фестивала MyProvence използва фоново видео, за да покаже акценти на художници, опознаващи района. Музиката и сцените във видеото работят перфектно заедно, за да създадат приповдигнато настроение за сайта.
03. Spotify
Приложението за стрийминг на музика Spotify използва фоново видео, за да добави емоция към целевата си страница. Основното послание зад сайта е, че Spotify е на разположение, за да предоставя музика за всеки момент. Фоновото видео, поредица от клипове, които демонстрират емоционална привързаност по различни начини, се комбинира добре със съпътстващата музика, за да генерира сантиментална атмосфера около марката.
04. Живота на пи
Промоционалният уебсайт за филма на Анг Лий, спечелен с Оскар, Life of Pi използва пълноценно пълния фон с размер на браузъра, като показва красиво заснети откъси. Всяка сцена, заедно с музиката, помага да се превърне минималистичния дизайн в нещо по-интересно и вдъхновяващо.
05. Тели
Тели е стартъп, който намира и споделя най-популярните вирусни видеоклипове. Страницата му „About“ използва избледнял, повтарящ се видеоклип на заден план, което помага да се настрои красиво настроението.
06. Фернандо Маклен
Фернандо Маклен е талантлив дизайнер, който използва размазан видео фон, за да покаже начина, по който работи. Резултатът е едновременно интересен и запомнящ се, като същевременно се запазва опростеният, изчистен дизайн.
07. Наветрена
Windward е приложение за iPhone, предназначено за моряци, като показва данни около приливите и отливите, скоростта на вятъра и температурите. Фоновото видео, което показва сравнително разкъсано море, не е много разсейващо и върши добра работа за настройване на настроението.
08. Материя
Matter е консултантска компания за стратегически дизайн, която използва поредица от произволно избрани видеоклипове, всеки от които показва различен човек като фон на своя сайт. Това наистина помага на сайта да се открои; тъй като е толкова неочаквано, преживяването става забележително и запомнящо се.
09. Eagleclean
Лондонската почистваща компания Eagleclean включва съвсем кратко видео в своя сайт, за да добави малко хумор. Първоначално целевата страница се появява с много малко размазване, което бързо се почиства с ръка в ръкавица.
10. Замъкът Дромоланд
Замъкът Dromoland е престижен хотел и селски имот в Ирландия. Началната страница използва широкомащабно фоново видео, за да покаже грандиозните площадки, голфа и близките диви животни.
единадесет. Y.CO Яхти
Дори и да не сте от малкото редки на пазара за луксозни яхти, пак ще намерите уебсайта на Y.CO за яхти интересен. Той използва видео в голям размер, за да покаже кадри на семейство, което се наслаждава на почивка на една от своите яхти като своя фон. Филмът е амбициозен, без да е прекалено фалшив или „разпродажен“.
12. Флипборд
Flipboard е приложение за iPhone и iPad, което обединява RSS емисии, Twitter и Facebook акаунти в едно цифрово списание, което ви позволява да прелиствате между интересни статии с лекота. Тъй като потребителският му интерфейс е толкова важен, фона на началната страница на уебсайта се предава на видеоклип на използваното приложение. В този случай да ви покажа, вместо да ви кажа, как работи приложението, е гениален инсулт.
13. Nike Jordan M6
Уебсайтът на Nike Jordan M6 използва видео на заден план, за да разкаже историята за това как е новото дизайн на маратонки беше създаден. Вместо да издава открито съобщение, основано на продажбите, Nike просто говори за причините за всеки избор на дизайн. За всеки, който мисли за закупуване на Jordan M6, това става завладяваща представа за това как е възникнал продуктът.
14. Аркаден огън
Независимата рок група Arcade Fire често е известна със своите странности и те не разочароват в този експериментален промоционален трейлър за албума си Neon Bible. Докато заглавната песен се възпроизвежда, фоновото видео се синхронизира, но е и интерактивно - опитайте да кликнете върху стрелките, докато видеото се възпроизвежда.
петнадесет. Касетата
Касетата е френски онлайн магазин за обувки, който използва фоново видео творчески. Фонът на началната страница е посветен на показването на един от най-продаваните модели, за да можете да видите как изглежда от всички ъгли.
16. Дървото
The Wood е ресторант, разположен на ръба на Сонианската гора в Брюксел, Белгия. Фините видеоклипове на началната страница и в целия сайт задават атмосферното настроение и перфектно отговарят на селския декор на мястото.
Думи : Алекс Блек
Алекс Блек пише за PrintExpress.co.uk . В свободното си време той се радва да се научи да проектира и кодира уеб приложения и да изучава графики и печат дизайн.
Това е актуализирана версия на статия, която преди се е появявала в Creative Bloq.
