Animácia si vytvorila miesto vo webdizajne. Vidíme to všade. Obohatuje nielen oblasti hrdinov, ale aj ďalšie oddiely, vnútorné stránky a nezávislé komponenty.
Už nie je nástrojom, ktorý by urobil iba prvý dojem. Spolupracujte efektívne s ostatnými prvkami a dramaticky rozširujte svoju sféru. Áno, stratil svoj faktor novosti: teraz je to niečo normálne, ako je tlačidlo hamburger, pozadie videa alebo posun paralaxy. Aj keď už však nejde o extravaganciu, má stále možnosť zapôsobiť na online návštevníkov.
Animovaný prístup, podobne ako akýkoľvek integrálny prvok používateľského rozhrania, podlieha trendom. Pred niekoľkými rokmi sme boli svedkami početných animácií častíc a animácie GSAP smerovali k prehliadke.
V súčasnosti vývojári radšej používajú krátke animácie ako dlhé. Dôvod je jednoduchý. Svet sa pohybuje rýchlo a ľudia uprednostňujú rýchle riešenia. Chcú okamžite získať odpovede. A krátke animácie sú ideálne zmiešané.
Ponúkajú veľmi rýchly a diskrétny spôsob, ako osloviť publikum online. Nebudú dlho a dostanú sa k veci. Okrem toho pôsobia dojmom a zároveň nechávajú prvý obsah. Sú to ideálne nástroje na posilnenie správ, ktoré chcete sprostredkovať.
Pozrime sa na niekoľko fantastických príkladov, pri ktorých vývojári vyťažia čo najviac z krátkych animácií. Zručne využívajú túto malú tendenciu, aby ich projekty vyzerali elegantne a aby užívateľský zážitok spríjemnil.
Syscoin
Syscoin sa zaoberá blockchainmi, problémom, ktorý môže byť pre ľudí s technickými problémami trochu zastrašujúci. Krátka animácia sa tu používa na odľahčenie vecí, podporu hesla v oblasti hrdiny a na preklenutie priepasti medzi službou a bežnými používateľmi. Spolu s mnohými elegantnými ilustráciami roztrúsenými po celom webe premieňa zložité koncepty na jednoduché. Tým sa projekt priblíži k publiku.
Digitálna panda
Na rozdiel od predchádzajúceho príkladu je digitálna panda štandardnou firemnou webovou stránkou pre kreatívnu agentúru. O tom nie je nič dvojznačné. Tím sa však rozhodol použiť animovaný prístup, aby sa veci ešte viac zviditeľnili. Používajú ho, aby extravagantne ukazovali svoju každodennú obchodnú rutinu. Tu vidíte krátku animáciu, v ktorej sú do procesu vývoja zapojené dve roztomilé pandy.
CAMO
Tím za CAMO prijal rovnakú taktiku. Oblasť hrdinstva vášho webu obsahuje malú ilustráciu, ktorá sa pohybuje inteligentne. Pomáha tiež podporovať posolstvo vľavo a zároveň objasňuje používateľom oblasť spoločnosti. Najdôležitejšie je, že slúži ako sprievodný materiál, ktorý neodvádza pozornosť od iných dôležitých vecí.
Zapare Tech / Spoločne
Spoločnosti Zapare Tech and Together používajú stále kratšie animácie. Stačí len rozšíriť slovo a vytvoriť správny pocit pre cieľové publikum. Na oboch pracoviskách sú pracoviská a ľudia, ktorí sa podieľajú na každodennej rutine.
Zatiaľ čo spoločnosť Zapare Tech zobrazuje malý tím ľudí, ktorí spolupracujú na určitej úlohe, tím Together sa rozhodol demonštrovať detailný pohľad na jednotlivého pracovníka, ktorý sa zapája do dialógu so spoluhráčom.
V oboch situáciách vidíte malé ilustrácie, v ktorých boli oživené iba konkrétne podrobnosti. Tieto dynamické detaily však robia rozdiel. Prinášajú domov správnu správu. Okrem toho vytvárajú dostatok estetiky na doplnenie dizajnu.
Gegenbauer
Uvedené príklady sa zameriavajú na konkrétnu situáciu v živote agentúry. Kreatívny tím spoločnosti Gegenbauer sa však rozhodol demonštrovať nielen jedno, ale niekoľko oddelení v spoločnosti.
Umelecké dielo sa spočiatku sotva pohybuje, pohybuje sa iba niekoľko drobných detailov. Keď však používateľ vyberie oddelenie, umiestnením kurzora myši nad neho sa táto časť stane dynamickou. Znaky sa začnú pohybovať a moduly gadget začnú fungovať. Okrem toho sú všetky ostatné časti umeleckého diela rozmazané, aby vybraná časť bola zaostrená.
Je to vynikajúci príklad symbiózy medzi interaktívnym prvkom a krátkou animáciou. Nielenže definuje profesionálnu atmosféru, ale tiež dodáva zážitok trochu zábavy.
Creative Canopy
Toto je živé zobrazenie plne ilustrovaného rozhrania. Pre niektoré spoločnosti to môže byť príliš veľa. To však nie je prípad tímu Creative Canopy. Jeho oficiálna webová stránka je plná krátkych animácií.
Kreatívy oživili nielen celé scény, ale aj ikony a malé kresby. Výsledkom je konzistentná skúsenosť používateľa. Napriek množstvu animácií, jeho krátka životnosť robí prieskum projektu príjemným a diskrétnym a nie ohromujúcim a dráždivým.
Mutify pre Mac
Tu nenájdete žiadne ilustrácie. Na rozdiel od vyššie uvedených stránok stávky Mutify for Mac stávky na obrázky a modely ako hlavný vizuálny mechanizmus. Aby sa však zabránilo celkovému statickému vzhľadu, tím použil krátku animáciu, ktorá zachránila deň.
Výsledkom je, že oblasť hrdinov vyžaruje energiu a vitalitu spojenú s hudobným priemyslom. Je úplne kompatibilný so všeobecnou témou a slúži ako vynikajúce prostredie na propagáciu aplikácie.
Editor kôry
Tím za Cortex Copywriter predstavuje svoju víziu firemného štítku pomocou malej animovanej ilustrácie so silnou technologickou atmosférou. Týmto spôsobom je správa dobre oznámená a subjekt sa cíti nažive.
Malý pohyb môže ísť dlhú cestu
Priznajte to bez ohľadu na to, ako ľudia majú radi animácie. Môžu byť použité veľa a dokonca hlúpe, ale napriek tomu ich ľudia milujú. Sú ako karikatúry a kto nemá rád karikatúry? Je to kúsok mágie z nášho detstva, ktorá podporuje pozitívne emócie na podvedomej úrovni.
Krátke animácie získavajú na sile. Je to trend s nádejnou budúcnosťou. Keďže je veľmi stručný, dostane sa priamo k veci. Spolu s názorným prístupom dokáže digitálny svet zmenšiť na „chlad“ a „teplejšie“.