DIZAJN WEBOVEJ STRÁNKY
Čo je to paralaxné rolovanie?
Paralaxné posúvanie je grafická technika webového dizajnu, pri ktorej sa obrázky na pozadí pohybujú pomalším tempom ako popredie a vytvárajú ilúziu hĺbkového 3D efektu, keď návštevníci posúvajú webovú stránku nadol. Táto technika vyrástla z techniky viacúrovňovej kamery používanej v tradičnej animácii od 1930. rokov minulého storočia.
Paralaxa je založená na optickom klame. Keďže ľudské oko vníma predmety, ktoré sú blízko nás, väčšie ako veci vzdialenejšie, vnímame vzdialené predmety, ako keby sa pohybovali pomalšie.
Ilúzia bola dlho prijatá do paralaxy naprieč rôznymi médiami, čím sa podporuje realistický efekt. Jeho prvé použitie bolo v tradičnej animácii, ktorá sa datuje už od Disneyho Snehulienky a siedmich trpaslíkov a vo videohrách ako Super Mario.
S pokrokom v CSS a HTML sa paralaxové efekty neskôr vyvinuli do sveta webového dizajnu, ako ho poznáme dnes.
Paralaxné posúvanie je špeciálna technika posúvania používaná vo webovom dizajne, kde sa obrázky na pozadí na webovej stránke pohybujú pomalšie ako obrázky v popredí, čím vytvárajú ilúziu hĺbky na dvojrozmernej stránke.
Je to v súčasnosti jedna z najpoužívanejších dizajnérskych techník vo webdizajne, no zároveň niečo, o čom si možno ani neuvedomujete, že ste ju už zažili.
Je to jednoduchý pohyb, na ktorý ste už zvyknutí, a vďaka nemu sa mnohé webové stránky stali dynamickými a interaktívnymi.
Ak sa ho rozhodnete použiť, je dôležité premyslieť si, ako by paralaxa mohla ovplyvniť aj mobilný zážitok. Ak chcete zvýšiť rýchlosť webu a príliš nenarúšať mobilnú použiteľnosť, zvyčajne sa odporúča buď obmedziť rolovanie paralaxy, alebo ho úplne odstrániť.
Nezabudnite myslieť na všetky prípady, kedy ho možno budete chcieť použiť ako prvý a ako ho treba upraviť pre používateľov na viacerých zariadeniach.
Čítaj viac tu.
Dodatočný odkaz:
[optin-monster slug=”em8z7q6hga9elmy1dbgb”]