Tiny Short Animation Trend in Web Design

Animația și-a făcut o nișă în sfera designului web. O vedem peste tot. Nu numai că îmbogățește zonele eroilor, ci și alte secțiuni, pagini interioare și componente independente.

Nu mai este un instrument doar pentru a face prima impresie. Colaborează eficient cu alte elemente, extinzându-și dramatic sfera. Da, și-a pierdut factorul de noutate – acum este un lucru normal, cum ar fi butonul hamburger, fundalul video sau derularea paralaxă. Cu toate acestea, chiar dacă nu mai este o extravaganță, are totuși capacitatea de a impresiona vizitatorii online.

La fel ca orice element integral al interfeței cu utilizatorul, abordarea animată este supusă tendințelor. Cu câțiva ani în urmă, am asistat la numeroase animații cu particule, apoi animațiile GSAP rulau spectacolul.

În zilele noastre, dezvoltatorii preferă să folosească animații scurte decât cele lungi. Motivul este simplu. Lumea se mișcă rapid și oamenii preferă soluții rapide. Vor să primească răspunsuri prompt. Și animațiile scurte se integrează în mod ideal.

Ele oferă o modalitate destul de rapidă și discretă de a ajunge la un public online. Nu vor lua mult timp și vor lovi direct la obiect. Mai mult, ele fac impresie și, în același timp, lasă conținutul să ocupe poziția de lider. Sunt instrumente ideale pentru consolidarea mesajelor pe care doriți să le transmiteți.

Să luăm în considerare câteva exemple fantastice în care dezvoltatorii profită la maximum de animațiile scurte. Ei exploatează cu pricepere această tendință minusculă pentru a face proiectele lor să arate elegant, precum și pentru a face experiența utilizatorului plăcută.

Syscoin

Syscoin se ocupă de blockchains, un subiect care poate fi puțin intimidant pentru persoanele cu probleme tehnice. Aici, animația scurtă este folosită pentru a ușura lucrurile, pentru a sprijini sloganul în zona eroilor și pentru a reduce decalajul dintre serviciu și utilizatorii obișnuiți. Împreună cu numeroase ilustrații fanteziste care sunt împrăștiate pe site, transformă concepte complexe în unele simple. Acest lucru face proiectul mai aproape de publicul său.

Panda digitală

Spre deosebire de exemplul anterior, The Digital Panda este un site web corporativ standard al unei agenții de creație. Nu este nimic ambiguu în asta. Cu toate acestea, echipa a decis să folosească abordarea animată pentru a face lucrurile și mai evidente. Îl folosesc pentru a arăta rutina zilnică a companiei lor într-un mod fantezist. Aici puteți vedea o scurtă animație în care doi panda drăguți sunt implicați în procesul de dezvoltare.

CAMO

Echipa din spatele CAMO a adoptat aceeași tactică. Zona eroilor a site-ului lor web prezintă o mică ilustrație care este pusă în mișcare cu pricepere. Ajută să susțină mesajul din stânga și să facă evidentă pentru utilizatori sfera de expertiză a companiei. Și cel mai important, servește ca material de însoțire care nu distrage atenția de la alte lucruri importante.

Zapare Tech / Junto

Zapare Tech și Junto folosesc animații din ce în ce mai scurte. Cu toate acestea, este suficient să răspândești ideea și să creezi senzația potrivită pentru publicul vizat. Ambele site-uri web prezintă locuri de muncă și persoane care sunt angajate într-o rutină zilnică de birou.

În timp ce Zapare Tech arată o echipă mică de oameni care colaborează la o singură sarcină, echipa lui Junto a decis să demonstreze o viziune apropiată asupra unui lucrător individual care este angajat într-un dialog cu un coechipier.

În ambele situații, puteți vedea mici ilustrații în care doar detalii specifice au fost aduse la viață. Cu toate acestea, aceste detalii dinamice fac întreaga diferență. Ei aduc acasă mesajul potrivit. În plus, ele creează suficientă estetică pentru a completa și designul.

Gegenbauer

Exemplele menționate anterior se concentrează pe o situație specifică din viața agenției. Cu toate acestea, echipa de creație a Gegenbauer a decis să demonstreze nu doar unul, ci mai multe departamente ale companiei.

La început, ilustrația abia se pune în mișcare – doar câteva detalii minore se mișcă. Cu toate acestea, atunci când utilizatorul evidențiază departamentul trecând cursorul mouse-ului peste el, această parte devine dinamică. Personajele încep să se miște, iar gadgeturile încep să funcționeze. De asemenea, toate celelalte părți ale ilustrației devin neclare pentru a oferi părții selectate o focalizare clară.

Acesta este un exemplu excelent de simbioză între un element interactiv și o scurtă animație. Nu numai că stabilește o atmosferă de afaceri, dar adaugă și un pic de joacă experienței.

Baldachin Creativ

Aceasta este o reprezentare vie a unei interfețe complet ilustrate. Pentru unele companii acest lucru ar putea fi prea mult. Dar cu siguranță nu este cazul echipei Creative Canopy. Site-ul lor oficial este plin de animații scurte.

Creatorii au adus la viață nu doar scene întregi, ci și icoane și mici desene însoțitoare. Acest lucru are ca rezultat o experiență constantă a utilizatorului. În ciuda numărului de animații, durata lor scurtă de viață face ca explorarea proiectului să fie plăcută și discretă, mai degrabă decât copleșitoare și enervantă.

Mutify pentru Mac

Aici nu veți găsi nicio ilustrație. Spre deosebire de site-urile menționate anterior, Mutify pentru Mac pariază pe imagini și machete pentru a fi principala sa forță motrice vizuală. Cu toate acestea, pentru a evita un aspect static general, echipa a folosit o scurtă animație care salvează ziua.

Drept urmare, zona eroului emană o energie și o vitalitate inerente industriei muzicale. Sprijină perfect tema generală, servind ca un anturaj excelent pentru promovarea unei aplicații.

Copywriter Cortex

Echipa din spatele Cortex Copywriter își prezintă viziunea asupra plăcuței de identificare a companiei folosind o mică ilustrație animată cu o atmosferă tehnologică puternică. În acest fel, mesajul este bine comunicat și tema se simte vie.

O mică mișcare poate parcurge un drum lung

Recunoaște, indiferent de ce, oamenilor le plac animațiile. Ele pot fi foarte suprautilizate și chiar prosti, dar totuși, oamenii le doresc. Sunt ca desenele animate și cui nu-i plac desenele? Este un pic de magie din copilăria noastră care promovează emoții pozitive la nivel subconștient.

Animațiile scurte capătă amploare. Este o tendință cu un viitor promițător. Fiind destul de concis, ajunge direct la obiect. Împreună cu abordarea ilustrativă, este capabil să facă lumea digitală mai puțin „rece” și mai „caldă”.