Informații articol
Parallax, un design mai plăcut
Parallax, tehnica specială de derulare utilizată în proiectarea web
Parallax este o tehnică specială de derulare utilizată în proiectarea web pentru a crea o impresie de profunzime.
Cu această tehnică, fundalul unei pagini web se mișcă la o viteză mai mică decât prim-planul.
Se realizează o iluzie tridimensională pe un website bidimensional.
Inițial cunoscut sub numele de „parallaxing”, a provenit din tehnica introdusă în animația anilor ’30.
Această tehnică folosește mai multe straturi care sunt deplasate diferit, în aceeași direcție.
Articole recomandate:
Ca urmare, straturile care se mișcă mai repede sunt percepute ca fiind mai aproape de cameră.
Walt Disney a aplicat paralaxing în clasicile sale filme precum White Snow și Bambi.
Echipa de producție a creat o iluzie de mișcare și profunzime.
Începând cu 1980, tehnica a fost folosită în grafica pentru jocuri video în 2D. Din 2011, în web design se folosește paralax prin codare HTML5 și CSS3.
În aces mod, se pot angaja mai bine utilizatorii și se poate îmbunătăți experiența generală pe website.
Exemplu pentru implementarea efectului parallax cu HTML5 și CSS
Pentru a implementa efectul pe un website cu HTML5 și CSS, un element este utilizat pentru a proiecta.
O clasă este atribuită și se adaugă o imagine de fundal cu o înălțime specifică.
Atributul „background-attachment: fix” creează efectul parallax prin fixarea imaginii de fundal.
Celelalte proprietăți de fundal sunt utilizate pentru a centra și a scala imaginea.
Alternativ, puteți specifica înălțimea imaginii de fundal în procente.
Tehnica nu este potrivită pentru website-urile de dispozitive mobile
Efectul parallax poate îmbunătăți aspectul vizual al versiunii desktop al unui website.
Pe de altă parte, este mai puțin potrivit pentru dispozitivele mobile.
Din cauza dimensiunilor mult mai mici, imaginile utilizate sunt adesea prea mari pentru aceste dispozitive.
Situația se poate traduce prin timpi mai lungi de încărcare.
Cu toate acestea, utilizatorii de internet mobil tind să aibă o perioadă scurtă de atenție și un timp limitat.
Dacă un website nu se încarcă rapid, acesta își pierde vizitatorii mobili, oricât de atrăgător este design-ul.
După un timp mediu de trei secunde, utilizatorii trec la următorul website dacă pagina nu este pregătită.
Proiectarea parallax necesită un cod avansat.
Acesta poate provoca probleme semnificative de performanță pe smartphone-uri și tablete.
Prin urmare, website-urile ce utilizează parallax oferă versiuni simplificate pentru dispozitive mobile.
Dacă doriți mai multe informații despre optimizare mobilă puteți intra în contact cu noi.
La această agenție de optimizare SEO vă oferim nenumărate servicii SEO. Putem include aici audit SEO, SEO tehnic sau web design WordPress.
Aplicație pentru povestiri pe web
Parallax oferă o abordare liniară și fluidă a povestirii pentru a crea narațiuni mai vii și interactive pe web.
Această tehnică poate livra elegant o serie de mesaje simple.
Puteți folosi parallax pentru a vizualiza crearea unui produs.
De la proiectarea inițială, prin fabricare, până la utilizarea de către consumator, într-un mod atrăgător.
Povestea funcționează rar pe mai multe pagini.
Vizitatorii vor pierde, cel mai probabil, interesul dacă trebuie să parcurgă câteva pagini pentru a citi povestea.
Parallax permite utilizatorilor să preia controlul și să citească întreaga poveste în ritmul lor. De la început, până la sfârșit.
Diferitele straturi răspund în mod divers la comportamentul vizitatorilor.
Această situație creează un sentiment de profunzime, putând spune povești multiple.
Articole similare