Co je to paralaxní rolování?

Paralaxní posouvání je grafická technika webového designu, při které se obrázky na pozadí pohybují pomaleji než popředí a vytvářejí iluzi hloubkového 3D efektu, když návštěvníci posouvají webovou stránku dolů. Tato technika vyrostla z techniky víceúrovňové kamery používané v tradiční animaci od 1930. let XNUMX. století.

Paralaxa je založena na optickém klamu. Protože lidské oko vnímá objekty, které jsou blízko nás, větší než věci vzdálenější, vnímáme vzdálené objekty, jako by se pohybovaly pomaleji.

Iluze byla dlouho přijata do paralaxy napříč různými médii, což podporuje realistický efekt. Jeho první použití bylo v tradiční animaci, která se datuje již od Disneyho Sněhurky a sedmi trpaslíků, a ve videohrách, jako je Super Mario.

S pokrokem v CSS a HTML se paralaxní efekty později vyvinuly do světa webdesignu, jak jej známe dnes.

Paralaxní posouvání je speciální technika posouvání používaná ve webovém designu, kde se obrázky na pozadí po celé webové stránce pohybují pomaleji než obrázky v popředí, což vytváří iluzi hloubky na dvourozměrném webu.

Je to jedna z nejpoužívanějších designových technik v současnosti ve webdesignu, ale také něco, o čem si pravděpodobně ani neuvědomujete, že jste to už zažili.

Je to jednoduchý pohyb, na který jste již zvyklí, a pomohl mnoha webovým stránkám vytvořit dynamický a interaktivní dojem.

Pokud se jej rozhodnete použít, je důležité přemýšlet o tom, jak by paralaxa mohla také ovlivnit mobilní zážitek. Chcete-li zvýšit rychlost webu a příliš nezasahovat do použitelnosti na mobilních zařízeních, obvykle se doporučuje buď omezit posouvání paralaxy, nebo je úplně odstranit.

Nezapomeňte myslet na všechny případy, kdy jej můžete chtít použít jako první, a na to, jak je třeba jej upravit pro uživatele na více zařízeních.

Dozvědět se více zde.

Další odkaz:

Nejlepší příklady paralaxních webových stránek