Un lucru este clar: în 2022 ne place ca lucrurile să se miște. Mai ales dacă se mișcă bine. Pe cât de valabil în viața reală, pe atât de valabil în online.
Întotdeauna animațiile au fost elemente cheie care atrag atenția, dar parcă 2022 a dus întregul concept de animație în website la un alt nivel. Și tare ne place, pentru că site-urile moderne sunt creative, sunt dinamice și inspiră la interacțiune, care este, la urma urmei, the ultimate goal când vine vorba de ce ne dorim să se întâmple în online.
Îți lăsăm mai jos câteva idei de animații pe care le poți implementa în site-ul tău, ca să fii up to date cu trendurile digitale.
Intro animat
Știm că site-ul trebuie să se încarce în 3 secunde dar, dacă ar dura mai mult, timp în care apare pe ecran o animație simpatică ce prezintă un preview al site-ului, spune o poveste frumoasă sau pur și simplu, este eye catching, nu deranjează.
Animații punctuale
Este cea mai clasică formă de animație, dar hei, clasicul e clasic și nu se demodează. Aici intră orice element animat on page, care nu este legat de o anumită acțiune a userului sau a site-ului:
- Video-uri de fundal animate, care spun povestea brandului sau inspiră spre o stare,
- Iconuri sau elemente de design animate,
- Animație pe logo,
- Gif-uri scurte.
Micro interacțiuni
Similare cu animațiile punctuale, micro interacțiunile sunt mici animații, dar care se întâmplă în strictă legătură cu acțiunile userului în site. Se pot activa la click pe ele, la mouseover sau la alte acțiuni definite de tip cauză-efect (intri pe meniu - se animează logo-ul, apeși o tastă - trece la următoarea pagină sau se schimbă fundalul paginii pe care ești, ș.a.m.d.).
Charisma acestor mici animații este dată de interacțiunea cu ele și de puterea userului asupra a ce se întâmplă în site, iar dacă ele sunt transformate în mici joculețe sau povești, sunt cu atât mai atractive și interesante.
Scrollytelling
Scrollytelling-ul este tehnica de a spune o poveste animată, care se derulează în fața utilizatorului pe măsură ce acesta scrollează. Este, poate, cea mai modernă și dinamică formă de animație pe care o poți integra în site și oferă nenumărate posibilități de declinare.
Putem avea un website care se construiește element cu element pe măsură ce trecem prin el sau care doar se modifică și se animează, putem avea elemente floating animate, pe care le păstrăm cu noi pe toată lungimea unei pagini web sau putem chiar spune o poveste întreagă folosind animație pe care userul o controlează, pe un singur cadru. Sky is the limit!
Parallax
Parallaxul este ”tăticul” animațiilor, fiind una dintre tehnicile folosite de ani de zile. În cazul acestui efect, elementele din website se mișcă aparent independent unul de celălalt, cu viteze diferite, dând senzația de dinamism și animație.
Deși, în ultimii ani, a avut ups and downs la capitolul popularitate, parallax-ul a revenit în forță datorită posibilității de combinare a lui cu storytelling. Iar rezultatul este unul fain fain fain!
All of the above
Partea frumoasă a unui website modern în 2022 este că nu trebuie să fie limitat la un singur tip de animații. Atâta timp cât efectele folosite se suprapun frumos și se potrivesc, spunând povestea împreună, iar folosirea lor nu are rezultatul nedorit de a supraîncărca și îngreuna experiența utilizatorului, putem spune că principiul the more, the merrier se potrivește perfect!
Sperăm ca informațiile noastre să te inspire spre un website cât mai dinamic și animat!
Articole similare
Vrei să mai discutăm despre acest subiect sau despre altceva?
Stabilește o întâlnire cu unul dintre experții noștri digitali