Cinemagraphy ve Web Designu
Pokud čtete některou z nesčetných trendových zpráv o webových projektech, které vyšly na začátku tohoto roku, pravděpodobně budete číst o slibu velkých filmů s hrdinkou umístěných na domovských stránkách všude. Tak kde jsou?
Zatímco několik společností, které je používají v módě, používají je na svých internetových stránkách, film byl do značné míry odsunut na předkládání kulatých článků a reddit stránek.
Dobře říkám, že stačí. Je načase, aby se kameny vzrostly a získaly své vlastní místo jako hrdiny webových stránek, kterým se stali.
Proč fungují cinemagraphy
Myšlenka sledování trendů webového designu jednoduše proto, že byla předpověděna, mě nikdy opravdu nadšená. Ale co když byste mohl takový trend skutečně prosadit? A co kdyby měla skutečný účel a vyřešila problém současně?
Lidské oko miluje pohyb.
Co se týká filmů, jsou všechna výše uvedená tvrzení pravdivá. Zatímco to jistě bylo diskutováno, (a dokonce se předpokládalo jako trend v návrhu webových stránek), velmi málo webových stránek je skutečně používá je. Výsledkem je, že se ani nedařilo dosáhnout kritického množství, takže jsou stále fascinující pro většinu uživatelů internetu.
Není to taková fotka, ne docela video, kamery jsou vlastně oko-bonbóny, protože diváci oklamají jen tak dlouho, aby je znali. V době ADD, v níž dnes žijeme, vše, co můžete použít k tomu, aby se uživatelka zastavila - a to i na okamžik - se považuje za malou výhru z jednoho velmi důležitého důvodu:
Máš jejich pozornost.
Jeden zvlášť účinný způsob přitahování trochu pozornosti na webových stránkách byl vždy video. Lidské oko miluje pohyb. Ale velké video hrdiny (i krátké) je tak objemné . Určitě ji můžete stlačit během jednoho centimetru života, ale pak to vypadá ... komprimované. Nebo ji můžete nechat sám a trpět následky pomalé načítání webové stránky.
Ale použitím cinemagraph, můžete ušetřit hodně šířky pásma, zatímco stále uspokojuje, že potřeba pohybu. Ve skutečnosti jste vylepšeni ante, protože můžete vydělávat na novinkách filmového snímku - Lidé je velmi často nevidí a jsou ohromeni, když to dělají.
Takže teď, když víte, proč si kamene zaslouží místo důležitého na webu, pojďme se podívat na to, jak přivést někoho k životu.
Glendevon Motors používá film v hrdinu, aby uvedl náladu a vystupoval jako "prémiová značka" mezi svými konkurenty.
Možnost 1: použijte již existující kinematograf
Existuje mnoho příkladů, kdy získávání hotových CG je přijatelné, nebo dokonce dáváte přednost tomu, abyste si vyrobili vlastní. Řekl bych, že pokud najdete to, co potřebujete, a je to v rozpočtu, abyste získali práva k tomu, pak je to cesta. Jediná otázka zní: kde to najdete?
Dobrou zprávou je, že máte možnosti. Budou z velké části záviset na vašem rozpočtu (nebo na vašem klientovi), ale existuje mnoho zdrojů. Existuje dokonce i několik zdarma vybrat si z. Pokud však máte k dispozici osmdesát dolarů, Shutterstock má docela slušný výběr CG s vysokým rozlišením.
(Tip: Nemají samostatný oddíl, takže stačí hledat výraz "cinemagraph" a další hledané výrazy v sekci "záběry".)
Pokud se vám podaří najít to, co si představujete, pravděpodobně budete chtít do určité míry komprimovat soubor. Více o tom trochu.
Možnost 2: Vytvořte si vlastní
Celý účel použití CG namísto videa je to, že má být trochu mysli-trik.
Možná jste nenašli to, co jste si představovali. Nebo možná jste jen špinavá DIY'er a respektuji vás za to. Tak jak přesně člověk dělá film od nuly?
Za prvé, pomáhá mít správné vybavení a plán. Zde je to, co doporučuji začít:
- Kamera, která dokáže nahrávat video
- Stativ
- Model a / nebo potřebné rekvizity
- Počítač
- Přístup k programu pro úpravy videa (volitelné)
- Přístup k aplikaci Adobe Photoshop nebo k víceúčelovému softwaru pro úpravu filmů, jako je flixel
To je to, co budete potřebovat, abyste mohli udělat film. Ale aby to bylo efektivní, budete potřebovat skvělý nápad.
Co dělá Cinemagraph velkého hrdinu?
Zatímco obecné téma vaší CG bude do značné míry diktováno výklenkem samotné webové stránky, existují určité univerzální body, které je třeba mít na paměti při vytváření scény. Ujistěte se, že:
- Udržujte to jemné: Celá myšlenka použití CG namísto videa je, že má být trochu mysli-trik. Některé z nejlepších CG vypadají velmi klidně a diváka překvapí jemným pohybem. Když mluvíme o jemnosti, ujistěte se, že celková kompozice není příliš obsazená nebo jasně zbarvená, pokud vrstvu textu a CTA nad ním. Nezapomeňte, že CG by měl tyto prvky přehrát a neodvrátit od nich. Když mluvíme o tom ...
- Nechte prostor pro skutečného hrdinu: Ujistěte se, že víte, kde chcete, aby vaše titulky, podtitulky a tlačítka CTA se dostaly do kina. To ovlivní, kam umístíte hlavní složku ve skladbě.
- Udržujte je ukotvené: CG samozřejmě má nějaký pohyb, ale celkový scén musí být velmi klidný, aby správně kontrastoval s pohybem. Stativ by měl pomoci při pohybu pozadí a stabilitě fotoaparátu. Pokud se vaše oči mají pohybovat ze strany na stranu, ujistěte se, že stále drží hlavu stále ve stejnou dobu.
- Učinte ji smyčkou: Protože chcete, aby soubor byl poměrně malý, musíte tuto akci opakovat tak, aby se to opakovalo co nejlépe. Plánujte to při nastavení scény. V ideálním případě by měla být první pozice velmi blízko k závěrečné pozici, uzavření smyčky.
- Pokud je to možné, použijte osobu: Studie ukázaly že obrazy s lidmi v nich udržují pozornost lidí víc než ty, které ne. To platí i pro CG. Další body, pokud se vám podaří, aby váš model vypadal ve směru CTA. To bylo ukázáno nakreslit také oko uživatele.
Jakmile budete mít všechny své prvky na svém místě, zkuste střílet asi 20-30 sekund videa, několikrát opakujte požadovaný pohyb, asi 5 vteřin zachráníte věci úplně mezi sebou. To by mělo poskytnout dostatek surového záznamu, aby se změnil v oko-chytlavý cinemagraph.
Soustředění
Zatímco nebudu jít do podrobného procesu přeměny videa na film, existuje několik možností, které máte k dispozici. Můžete si vydělat 299 dolarů za použití programovacího programu, který je určen pro film, ale můžete si dát pěknou CG dohromady pomocí Photoshopu , (které hádám, že už používáte.)
Komprimace souboru
Bez ohledu na to, zda jste vytvořili CG od začátku, nebo jste získali existující, zkontrolujte, zda se rychle načte. Ať už je váš konečný výstupní soubor gif nebo video (což doporučuji), vaše komprese se bude opírat o dva samostatné faktory:
- Kvalitní
- Délka
Osobně se snažím dosáhnout co nejvyšší kvality v jakémkoliv obrazu, videu nebo filmovém snímku velkého formátu. Podle mého názoru je obětování kvality jakéhokoli souboru, který má takový vizuální dopad, být škoda. Abych to vyrovnal, pokouším se udělat mojí filmovou smyčku tak krátkou, jak je to lidsky možné.
Akce bude mít vliv na to, jak krátká smyčka může být - vlak bzučení může být mnohem kratší než pomalý, záměrný oční pohled, který by mohl vypadat trochu spasticky, kdyby se opakoval příliš rychle. Vezměte níže uvedený příklad z webové agentury Deep End . Vzhledem k tomu, že vše, co je potřeba, je, aby jedno vlakové auto odpovídalo dalšímu, aby se docela hezká slučka, podařilo se mi to snížit na zhruba jednu vteřinu.
Přestože se mi podařilo udržet akci velmi stručně, stále jsem věděl, že velikost souboru může být snížena pro ještě rychlejší zatížení. Nakonec jsem použil bezplatný online video kompresor s názvem ClipChamp . Byl jsem schopen komprimovat video dolů z několika megabajtů na svelte 319 KB. Nezapomeňte, že většina uživatelů odklikne z vašeho webu po uplynutí tří sekund čekání, takže se platí, že je rychlá.
A pokud je výsledný výsledek ponechán s artefakty z extrémní komprese, můžete vždy použít vyzkoušený a pravdivý trik použitý na nedokonalých videích hrdiny - maskovat ho poloprůhledným vzorovaný překryv .
Máte zájem vidět, jak jiní používali cinemagraphs jako obrázky hrdiny? Mám nějaké dobré zprávy a špatné - Není příliš mnoho na to, abych ukázala, což je špatná zpráva. Ale dobrou zprávou je, že pokud byste tento plán uvedli do praxe, byl byste na přední straně toho, co slibuje být docela velký trend.
Zde je pár, které se mi podařilo najít po webu:
Gilt Taste [Poznámka redakce: Tato stránka je vypnutá.]
Konečné myšlenky
Filmový snímek může nejen vykopnout jiný nudný webový projekt o několik zářezů, ale může skutečně ovlivnit i jeho úspěch. Pokud je kombinujete s nadpisem zabijáka a přesvědčivou výzvu k akci, můžete skutečně upoutat pozornost uživatelů. Co děláte s touto pozorností, je na vás.