16 puikių svetainių su vaizdo įrašų fonais

Svetainės kūrimas nereiškia, kad turite sukurti statinę patirtį - tai nėra atspausdinta. Didėjant HTML5 tapo lengviau pridėti tokius dalykus kaip animacija norint sukurti turtingesnę vartotojo patirtį. Šie vaizdiniai klestėjimai dažnai gali padėti sukurti įdomesnę, įtraukiančią ir nepaprastesnę patirtį, jei tai bus padaryta tinkamai. Tas pats pasakytina ir apie vaizdo įrašą , kurį HTML5 palengvina įdiegimas prieinamu būdu.

Kai kurios svetainės išnaudoja didelius, naršyklės dydžio vaizdo įrašus naudodamos juos kaip savo tinklalapio foną, o tai leidžia naujais ir kūrybingais būdais pakeisti vizualinę patirtį. Kai kurios svetainės naudoja didelius foninius vaizdo įrašus, kad subtiliai pakeistų nuotaiką ir atmosferą, o kitos demonstruoja savo produktą veikdami arba naudoja jį pasakodamos istoriją, kuri nebūtų buvusi tokia lengva ar galbūt tokia smagi kaip įprasto, statinio puslapio.

Norėdami padėti įkvėpti, mes surinkome keletą kūrybiškesnių, įdomesnių ir įdomesnių svetainių, kuriose visapusiškai naudojamas vaizdo įrašų fonas, pavyzdžių. Tikimės, kad mūsų vitrina bus naudinga jūsų kitam interneto dizaino projektui.



01. „mediaBOOM“

Retro stiliaus filmo fonas pasakoja apie šią reklamos agentūrą

„mediaBOOM“ yra interaktyvi reklamos agentūra, kurdama unikalų požiūrį į savo prekės ženklo kūrimą. Retro amerikietišku stiliumi nufilmuotas foninis vaizdo įrašas pasakoja apie jų agentūrą, sukurtą išgalvotame pasaulyje, panašiame į 1950-ųjų Manheteną.

02. „MyProvence“ festivalis

Stebina šio foninio vaizdo įrašo teikiamas energijos pojūtis

„MyProvence“ festivalio svetainėje naudojamas foninis vaizdo įrašas, rodantis svarbiausius menininkus, tyrinėjančius šią vietovę. Muzika ir vaizdo siužetai puikiai veikia kartu, kad sukurtų pakilią nuotaiką svetainei.

03. „Spotify“

Foninis vaizdo įrašas prideda emocijų „Spotify“ nukreipimo puslapyje

Muzikos srautinio perdavimo programa „Spotify“ naudoja foninius vaizdo įrašus, kurie padeda pridėti emocijų jų nukreipimo puslapyje. Pagrindinis šios svetainės pranešimas yra tas, kad „Spotify“ gali teikti muziką kiekvienai akimirkai. Foninis vaizdo įrašas, klipų serija, demonstruojanti emocinį prisirišimą įvairiais būdais, puikiai derinama su lydima muzika, kad sukurtų sentimentalią atmosferą aplink prekės ženklą.

04. Pi gyvenimas

Svetainės vaizdo įrašo fonas: PI gyvenimas

Gražiai nufilmuotas filmas turi gražų svetainės foną

Ang Lee Lee „Oskaro“ laureato filmo „Life of Pi“ reklaminėje svetainėje visiškai išnaudojamas visas naršyklės dydžio fonas, rodant gražiai nufilmuotas ištraukas. Kiekviena scena kartu su muzika padeda minimalistinį dizainą paversti kažkuo įdomesniu ir įkvepiančiu.

kaip nupiešti pakaušį

05. Telly

Šios svetainės vaizdo fone matyti, kaip žolė banguoja vėjyje

„Telly“ yra startuolis, kuris suranda ir dalijasi populiariausiais virusiniais vaizdo įrašais. Jo puslapyje „Apie“ naudojamas išblukęs, besikartojantis foninis vaizdo įrašas, kuris padeda gražiai nustatyti nuotaiką.

06. Fernando Maclenas

Svetainės vaizdo įrašo fonas: Fernando Maclenas

Neryškus vaizdo fonas rodo Macleną darbe

Fernando Maclenas yra talentingas dizaineris, kuris naudoja neryškų vaizdo foną, padedantį parodyti savo darbo būdą. Rezultatas yra įdomus ir įsimintinas, išlaikant paprastą, švarų dizainą.

07. Prieš vėją

Subtilus šios programos svetainės fonas gerai sukuria nuotaiką

„Windward“ yra „iPhone“ programa, sukurta jūreiviams rodant duomenis apie potvynius, vėjo greitį ir temperatūrą. Foninis vaizdo įrašas, kuriame rodoma pakankamai nerami jūra, nėra pernelyg blaškantis ir gerai padaro nuotaiką.

08. Materija

Svetainės vaizdo įrašo fonas: klausimas

Fonas yra netikėtas - taigi daro įspūdingą poveikį

„Matter“ yra strateginio dizaino konsultavimo įmonė, kurios svetainės fone naudojama atsitiktinai parinktų vaizdo įrašų serija, kiekviena rodanti skirtingą asmenį. Tai tikrai padeda svetainę išskirti; kaip tai netikėta, patirtis tampa nepaprasta ir įsimintina.

09. Erelis

Svetainės vaizdo įrašo fonas: Eagleclean

kokio dydžio yra „iphone 8 plus“
Keistas vaizdo įrašas prideda humoro, kuris kitaip gali būti nuobodus pagrindinis puslapis

Londono valymo įmonė „Eagleclean“ į savo svetainę įtraukia labai trumpą vaizdo įrašą, kuris padės pridėti šiek tiek humoro. Nukreipimo puslapis iš pradžių pasirodo su labai mažu dėmeliu, kurį greitai nuvalo pirštinėta ranka.

10. Dromolando pilis

Svetainės vaizdo įrašo fonas: Dromolando pilis

Vaizdo fonas padeda perteikti įspūdingą viešbučio aplinką

Dromolando pilis yra prestižinis viešbutis ir kaimo turtas Airijoje. Pagrindinis puslapis naudoja didelio masto foninį vaizdo įrašą, kad parodytų įspūdingas aikšteles, golfą ir netoliese esančią laukinę gamtą.

vienuolika. Y.CO jachtos

Vaizdo įrašo fonas yra siekiamybė, be pernelyg orientuoto į pardavimus

Net jei nesate vienas iš nedaugelio prabangių jachtų rinkoje, jums vis tiek bus įdomi Y.CO jachtos svetainė. Jame naudojamas didelio dydžio vaizdo įrašas, kuriame rodoma filmuota medžiaga, kurioje šeima mėgaujasi atostogomis vienoje iš savo jachtų kaip jos fone. Filmas yra siekiamybė, tačiau nėra per daug melagingas ar „išpardavęs“.

12. Lenta

„Flipboard“ pagrindinio puslapio vaizdo fone rodoma, kaip programa veikia praktiškai

„Flipboard“ yra „iPhone“ ir „iPad“ programa, sujungianti RSS, „Twitter“ ir „Facebook“ paskyras į vieną skaitmeninį žurnalą, leidžianti jums lengvai pavartyti įdomius straipsnius. Kadangi jos vartotojo sąsaja yra labai svarbi, svetainės pagrindinio puslapio fonas perduodamas naudojamos programos vaizdo įrašui. Šiuo atveju parodyti jums, o ne pasakyti, kaip programa veikia, yra genialus potėpis.

13. Nike Jordan M6

Foniniame vaizdo įraše pasakojama, kaip buvo sukurtas „Nike Jordan M6“

„Nike Jordan M6“ svetainėje naudojamas foninis vaizdo įrašas, pasakojantis istoriją apie tai, kaip nauja sportbačių dizainas buvo sukurtas. Užuot pateikusi atvirai pardavimais pagrįstą žinutę, „Nike“ tiesiog kalba apie kiekvieno dizaino pasirinkimo priežastis. Visiems, galvojantiems apie „Jordan M6“ pirkimą, tai tampa patrauklia įžvalga, kaip atsirado produktas.

14. Arkadinė ugnis

Šis foninės muzikos vaizdo įrašas yra interaktyvus - išbandykite!

Indie roko grupė „Arcade Fire“ dažnai garsėjo savo keistumu ir jie nenuvilia šiuo eksperimentiniu „Neon Bible“ albumo reklaminiu anonsu. Kol grojamas titulinis takelis, foninis vaizdo įrašas yra sinchronizuojamas, tačiau jis taip pat yra interaktyvus - pabandykite spustelėti rankas, kol groja vaizdo įrašas.

penkiolika. Kasetė

Svetainės vaizdo įrašo fonas: kasetė

Ši prancūzų batų parduotuvė demonstruoja labai kūrybišką foninių vaizdo įrašų naudojimą savo svetainėje

„The Cassette“ yra internetinė prancūzų avalynės parduotuvė, kurioje kūrybiškai naudojami foniniai vaizdo įrašai. Pagrindinio puslapio fonas skirtas parodyti vieną iš jų parduodamų bestselerių, kad galėtumėte pamatyti, kaip jis atrodo iš visų pusių.

16. Mediena

„The Wood“ yra restoranas, įsikūręs Soniano miško pakraštyje Briuselyje, Belgijoje. Subtilūs vaizdo įrašai pagrindiniame puslapyje ir visoje svetainėje sukuria aplinkos nuotaiką ir puikiai dera su kaimišku vietos dekoru.

Žodžiai : Alexas Blackas

Alexas Blackas rašo už PrintExpress.co.uk . Laisvalaikiu jam patinka mokytis kurti ir koduoti interneto programas, studijuoti grafiką ir spausdinti dizainas.

Tai atnaujinta straipsnio, anksčiau pasirodžiusio „Creative Bloq“, versija.