30 stránek, které dokazují parallax, není mrtvá

Paralelní posouvání je definováno jako místo, na kterém se obrázek na pozadí posouvá rychleji než popředí, což vytváří dojem hloubky. Tato rigidní definice je základem většiny mýtů o paralaxu: není vhodná pro více stránek, není vhodná pro velké stránky, je nepoužitelná pro mobilní zařízení, je to datovaný trend, je špatná pro použitelnost, uživatelé se jí nelíbí , je to špatné pro SEO, mohu pokračovat ...

Lepší definice by byla: Parallax rolování je místo, na kterém se prvky posouvají při různých rychlostech a vytvářejí dynamický efekt.

Stejně jako cokoliv je posun paralaxy špatný pro webové stránky, když je to špatně. Ale tolik stránek dělá paralaxy dobře.

Paralaxní trend před pár lety nebyl v podstatě o paralaxu, jednalo se o ploché ilustrace, navždy se procházel, aby se dostal k obsahu, jednostránkové stránky s lineárními vyprávěními. Tyto zkušenosti s uživateli jsou datovány, ale paralaxa sama o sobě nemá, protože rolování na webu je přirozené.

Moderní paralaxa degraduje elegantně, líně zatížené prvky a pozitivně přispívá k uživatelským zkušenostem. Uživatelé potřebují pro své interakce vizuální zpětnou vazbu a posun paralaxy je dokonalým způsobem zpětné vazby na nejběžnější interakci webu, posouvání.

Záhlaví paralaxy

Jednou z nejběžnějších implementací posunu paralaxy je paralaxa záhlaví. Jakmile vaše oči uvidí hloubku, je těžké ji nevidět, a tak vytvořit klasický dojem hloubky, musíte ji pouze vložit do záhlaví. Nechte zbytek obsahu normálně rolovat.

Chris Roberts

Tim de Graag

Milan Design Week

Y7K

Kontor

Bill Byron Vína

Prostory

Karen Atherleyová

Paralaxa textu

Parallax se často používá k vylepšení UX tím, že udržuje textový obsah vpředu a středu, zatímco podporuje obsah, jako jsou obrázky, procházejí kolem uživatele.

Fletcher Systems

Průmysl Art

Jablko

Další útěk

Líbí se mi fotka

Drobná paralaxa

Stejně jako bývalý grrrl, který jediným kývnutím na své dospívající roky je nadměrné nadšení pro oční linky v sobotní noci, roste paralaxa. Drobné paralaxové efekty aplikované na několik prvků vytvářejí elegantní zážitek z prohlížení, který zaujme a zaujme uživatele.

Charakter

Ořechy

Musíš milovat frontu

Hay Rosie

Harewood Estate

Paralaxy s pevným bodem

Paralaxy s pevným bodem jsou ideální pro zachování zaměření na primární obsah. Tento druh paralaxy je často dosažitelný pouze pomocí CSS a vytváří efektivní a funkční místa. Je to ideální technika pro demo produktu.

Formát

Fueled

Simon Foster

Klasická paralaxa

Klasický, plný, paralaxní zážitek se stále vyrábí. Existuje několik desítek webových stránek, které ji využívají s velkým efektem. Parallax je daleko za trendem, je to přirozený efekt na webu, jak ukazují tyto stránky.