Kujundustrend: fotod, mis elavad
Reaalajas foto. Kinograaf. Liikuvad pildid. Ikka liikumist. Sellel veebidisaini suundumusel on nii palju nimesid, mida identifitseerib kangelase pilt, mis näib elavat peenel moel.
See pole päris foto, aga ka mitte video. Liikumine on pildil sageli piiratud ühe toiminguga, mis aitab kasutajate tähelepanu köita ja neid pilti tõmmata. Sõltumata sellest, mida te seda nimetate, on see suundumus mõju avaldav ja ilmub veebidisainis kõikjal jagatavate gifidena ja sotsiaalmeedias esile.
Trendi areng
Raske on öelda, kust „live” fotode idee alguse sai, kuid võite väita, et Apple aitas selle populaarsemaks muuta. Ettevõte tutvustas iPhone 6S-iga fotograafiat, mis hõlmas ka liikumisvõimalusi. See väike lisahetk on sama mõiste veebisaitidel elavate fotode jaoks. Tähepildis on midagi ekstra, mis hoiab seda pisut kauem vaatamas.
Sama liikuvate piltide kontseptsioon on hakanud ilmuma ka mitmetes kohtades. Näib, et digitaalsete stendide kuulutuses liikumatute raamide reklaamides on keegi, kes siis teie juures vilgub või vilgub. Isegi pühapäevaöö jalgpalli rivistustesse kuuluvad mängija peapiltid, mis sekundi pärast vilguvad, näidates teile, et see on tegelikult reaalajas tegevus.
Miks seda tehnikat kasutada? See hoiab kauem kasutajate tähelepanu ja pakub visuaalse viite huvitavamat punkti. Kliendile kinopilte tegeva ettevõtte Flixel sõnul hoiab keskmine liikuv foto kasutaja tähelepanu 9 sekundit, keskmise pildi korral 1 sekundit.
Fotod või illustratsioonid
Elavad pildid või kinopildid võivad töötada fotode või illustratsioonidega. Pole ühtegi reeglit, mis ütleks, et peate kasutama ühte või teist tüüpi pilte. Vaadates kahte ülaltoodud pilti, näete, et kumbki stiil võib olla üsna tõhus.
Teine kaalutlus on see, et liikumine ei pea toimuma pidevalt. Ülaltoodud Hillmann Living valgustab kodulehel olevaid tooteid nende laadimisel. See on ainus liikumine ja siis on foto lihtsalt see, pilt. Mis on siin efekti juures kena, on see, et see paneb sind vaatama otse toolidele, mida ettevõte kohe müüb. See tehnika näitab kasutajatele, mis lehel on oluline ja millele nad peaksid peenelt ja huvitavalt keskenduma.
Baar Z Veinid kasutavad teist lähenemisviisi. Illustreeritud koduleht tundub alguses üsna tavaline, kuid väike lennuk lendab läbi ekraani ülaosa keskpunkti silmusena. Liikumine aitab kasutajal suunata ekraanil olulisi sõnu: “Meie veinid on filtreerimata.” Kasutaja teab kohe sellel veebisaidil olevatest sõnumitest midagi, kuna tänu ekraanil liikumisele tõmmatakse need kõige olulisema keele juurde.
Näpunäited edu saavutamiseks
See tehnika võib töötada mitmel viisil ja mitmesuguste disainirakenduste jaoks. Mõned parimad näited pärinevad lihtsatest stseenidest või maastikest, kus lähtepunktiks on ilus foto.
Rohi võib liikuda tuule käes või maastikul. Inimene võib vilkuda, kui teda näidatakse suure pildi korral. Toode võib selle jaoks mõeldud toimingu kallutada või pöörata või selle lõpule viia.
Selle suundumuse mõtestamisel on kõige olulisem lihtsus. Kui liikumist on liiga palju, peaksite tõenäoliselt valima video. Üllatus on see, mis paneb selle tööle; kasutajad ootavad pilti, kuid siis see taastub.
- Püsige ühe asja juures ja kasutage ühte veebisaiti.
- See peab välja nägema realistlik.
- Liikumisel tuleb järgida füüsikaseadusi.
- Liikumine peaks olema peen, kuid märgatav.
- Ärge üle pingutage, lisades heli või palju klõpsamistoiminguid.
- Kaaluge peent kasutajakontrolli, näiteks liikumist, mis juhtub hiire liigutustega.
- Töötage välja liikuv pilt, mida saab kasutada mitmes kampaanias, mitte ainult oma veebisaidil.
Kuidas sa seda teed?
Selle efekti loomiseks oma kujundustes on palju võimalusi. Meetod määrab teie oskuste tasemel tõepoolest, kuidas kavatsete elavaid pilte ja eelarvet kasutada.
Mõned peene liikumise loomise võimalused hõlmavad järgmist:
- Looge gif.
- Kasutage veebitööriista (saadaval on mitu erineva hinnaga.
- Looge pilt piiratud liigutusega videona.
- Kasutage rakendust või isegi oma iPhone'i.
- Seadke stoppkaadrid kokku videoformaadis.
Proovige seda YouTube'i õpetust, et aidata teil elavat pilti kavandada ja luua.
Täiuslik näide
Monokroomse Pariisi veebisait on suurepärane näide selle suundumuse kohta tegevuses. Koduleht on pealtnäha lihtne plaadikujutis, kuid jäik element näeb peaaegu välja sulanud ja võtab tuules liikuva kanga liikumise enda kanda. Efekt on kaasahaarav, pilkupüüdev ja tõmbab kasutajaid disaini.
Efekt aitab tekitada huvi peenel viisil. Kujutatud visuaalne näeb liikumise tõttu veidi reaalsem välja. Kerige lehte alla ja muud liikuvad elemendid tervitavad kasutajat, sealhulgas tavaline vaade kirje ketramisele.
See veebisait on suurepärane juhtumianalüüs selle suundumuse kasutamiseks. Inspiratsiooni saamiseks liikuge pea kohale ja klõpsake ümber.
Järeldus
Olenemata sellest, mida te seda nimetate, on elavad kujutluspildid üks neist trendidest, mis tõenäoliselt kleepub. See on veel üks viis lisada animatsiooni kujundusele, ilma et peaksite tingimata tootma tegelikku videot. See on tõhus ja võib olla palju odavam kui videotootmine.
Selle suundumuse trikk on veenduda, et see näeb välja tahtlik ja tõeline. Tobeda liigutuse lisamine ei anna tingimata soovitud efekti. Minge tagasi ja vaadake tõesti ülaltoodud näiteid, minge veebisaitidele ja klõpsake ringi. Vaadake, milleni see animatsioon teid kujunduses viib. Igas näites aitab liikumine kasutajal konkreetse elemendi juurde pääseda või teatud toimingu sooritada. See sihilik ja sihipärane liikumise kasutamine on tõhusa kinograafi kujundamise võti.
