Sa animati sau sa nu animati? Cand creati un site web, aceasta este intotdeauna intrebarea. Sustinatorii animatiei in designul web va vor spune ca injecteaza un sentiment de miscare, generand o experienta dinamica si fluenta a utilizatorului. In plus, animatia a fost o tendinta majora de design web in ultimii ani, ceea ce inseamna ca vizitatorii dvs. se vor astepta cumva sa le vada pe paginile dvs. Oponentii, pe de alta parte, vor sustine ca animatia distrage atentia si poate parea neprofesionista pentru multi spectatori.
Deci cine are dreptate in aceasta dezbatere? Ei bine, ambele parti sunt. Adevarul este ca animatiile pot fi un plus minunat pentru aspectul si simtul unui site web, dar trebuie sa fie lucrat in modul corect pentru a se potrivi obiectivelor dvs. mai largi. Integrarea neglijenta a animatiilor in schema dvs. de design web poate fi un adevarat ochi – si nimeni nu doreste asta! Pentru a va ajuta sa vedeti bine de la rau, sa mergem impreuna prin cele doua si ce nu trebuie de animatie in web design.
Cunoaste elementele de baza ale animatiei
Mai intai, amintiti-va ca animatiile au mai multe forme si forme. Ele pot fi la fel de subtile ca o miscare usoara a unui buton sau pot aparea la fel de spectaculoase ca un fundal complet animat. Animatia poate fi configurata ca reactii interactive la comportamentul vizitatorilor dvs. (cum ar fi obiectele care sunt dezvaluite la derulare) sau poate fi independenta de actiunile vizitatorilor. Poate fi aplicat elementelor mici, cum ar fi o sageata, sau celor mari, cum ar fi un fundal video care ocupa intregul ecran. Intelegerea intregului spectru al capacitatilor de animatie va va ajuta sa le utilizati intr-un mod mai strategic.
La Wix, cand designerii nostri creeaza sabloane si site-uri web, impart animatiile in trei categorii diferite:
-
Microinteractiuni: sunt folosite pentru a face interactiuni mici (cum ar fi sa faceti clic pe un buton) rapide si clare pentru utilizator. Acest lucru poate fi realizat utilizand efecte de caseta hover.
-
Tranzitii si comportamentul paginii: pentru a usura navigarea de la un punct la altul si comutarea intre pagini.
-
Delicii si decorativ: acest lucru ofera unele pizazz aspectului dvs., cum ar fi defilarea in paralela.
Doriti sa cititi mai multe? Iata un ghid despre utilizarea animatiei si ilustratiei in designul web.
Moderatia este un punct forte, nu o slabiciune
Cand vine vorba de animatie, la fel ca toate lucrurile bune din viata (inclusiv inghetata si vizionarea Breaking Bad ), moderarea este esentiala.
fontanero cachondo videos porno corridas
porno agresivo sex porne
follando española videosdeincesto
ver peliculas porno italianas madura española con joven
zoofila porno agresivo
follando con mirones hentai scat
supertetas colegialas cachondas
hentai scat penes de abuelos
defloin.com creampie abuelas
jovenes españolas follando española folla
superculos escuchar relatos porno
abuela enculada corrida boca
follando abuelas corridas internas peludas
maduritas corriendose como folla mi vecina
trio amateur español pornotrans
concursos nudistas sexo con viejas
mi vecina desnuda videos porno casero españa
videos porno online miakalifa
porno viejas alemanas porno gay chino
correte dentro porno viola a su madre
Este absolut vital sa va abtineti sa nu aruncati ecranul cu o supradoza de animatie. In primul rand, nu doriti sa va faceti site-ul prea greu si sa suprasolicitati performanta acestuia. In plus, nu vrei sa distragi atentia vizitatorilor cu prea multa actiune. Daca pastrati lucrurile usoare, va veti asigura ca vizitatorii dvs. se bucura de o experienta de navigare lina si urmeaza fluxul site-ului dvs. web.
O singura sarcina si o singura sarcina
O alta indrumare extraordinara pentru mentinerea unei relatii sanatoase cu animatia este sa o folosesti numai atunci cand o poti justifica cu un scop definit. Cu alte cuvinte, animatiile trebuie sa indeplineasca o sarcina, de exemplu:
-
Ghidarea miscarii site-ului aratand vizitatorilor cand sa deruleze si unde sa faca clic.
-
Sprijinirea povestirii dvs. prin dezvaluirea treptata a articolelor.
-
Vizualizarea impactului produsului sau serviciului dvs.
-
Ruperea derularii statice a site-ului cu o miscare.
-
Crearea unei atmosfere speciale pe site-uri web care sunt potrivite in mod unic pentru continut animat, de exemplu, un magazin online pentru imbracaminte pentru copii.
Puteti justifica utilizarea animatiei cu una dintre aceste utilizari? Grozav! Atunci esti gata! (pur si simplu nu uitati de moderatie).
Ce trebuie animat (si ce nu!)
Unele elemente comune ale site-ului web functioneaza deosebit de bine cu animatiile, in timp ce altele chiar nu. Concentrati-va energia animatiei asupra fostului grup:
-
Lucruri care declanseaza un comportament (cum ar fi butoanele de navigare, CTA-urile sau imaginile legate)
-
Elemente care dau directionalitate (sageti, derulare in fundal)
-
Se incarca bare
-
Elemente care sunt menite sa atraga atentia (pictograma mesajelor noi, casete lightbox, butonul de comanda completa).
Cazurile in care nu doriti sa utilizati animatii sunt cele in care efectul animat va afecta cumva functionalitatea elementului. De exemplu, nu ar trebui sa adaugati animatie la paragrafele text, deoarece va ingreuna citirea acestora. De asemenea, nu doriti sa adaugati animatii in campurile in care vizitatorii introduc propriul continut (cum ar fi un formular de contact sau comentarii), deoarece ar distrage atentia de la finalizarea sarcinii.
Continutul simplificat
O strategie excelenta pentru integrarea animatiei in designul web este utilizarea acesteia ca instrument de clarificare sau simplificare a continutului. Sa presupunem ca doriti sa explicati vizitatorilor site-ului dvs. cum functioneaza compania dvs. de ambalare si mutare. Puteti descrie intregul proces in cateva paragrafe, puteti crea un tabel cu puncte glont sau il puteti simplifica folosind doar cateva imagini care anima pasii cheie. Transmiterea informatiilor prin aceasta forma de animatie se numeste onboarding. Este o tehnica de proiectare care combina de obicei textul simplu cu imagini animate, creand o metoda intuitiva si captivanta pentru a va plimba publicul prin fluxul produsului. Este atat frumos, cat si util, care este combinatia magica pentru toti designerii.
Publicul conteaza
Este intotdeauna important sa fii constient si sensibil la publicul tinta si este deosebit de semnificativ atunci cand este implicata animatia. Luati in considerare preferintele lor estetice, motivele pentru care ati vizitat site-ul dvs. web, precum si priceperea tehnica si software-ul disponibil.
Pentru a exagera putin (doar putin): daca publicul tinta este intr-adevar in schemele de culori monocromatice; sau daca vizitatorii sunt interesati de site-ul dvs. pentru consiliere juridica; sau daca banuiti ca multi dintre ei vor accesa site-ul dvs. printr-o versiune veche de browser pe un sistem de operare depasit – atunci puteti presupune ca animatiile nu sunt alegerea potrivita in cazul dvs.
De echipa Wix
