30 + nettsteder som viser parallax er ikke død

Parallaxrulling er definert som et nettsted der bakgrunnsbildet ruller raskere enn forgrunnen, og gir inntrykk av dybde. Den stive definisjonen er roten til de fleste myter om parallax: den er ikke egnet for flere sider, den er ikke egnet for store sider, det er ubrukelig på mobil, det er en datert trend, det er dårlig for brukervennlighet, brukerne liker det ikke , det er ille for SEO, jeg kunne gå videre ...

En bedre definisjon ville være: Parallaxrulling er et nettsted hvor elementene rulle ved forskjellige hastigheter og skaper en dynamisk effekt.

Som noe, er parallaxrulling dårlig for et nettsted når det er gjort dårlig. Men så mange steder gjør parallax godt.

Parallax trenden for noen år siden handlet ikke egentlig om parallax, det handlet om flate illustrasjoner, rulling for alltid for å komme til innhold, enkeltsidede sider med lineære fortellinger. Disse brukeropplevelsene har datert, men parallax selv har ikke fordi det er naturlig å bla på nettet.

Moderne parallax nedbryter grasiøst, lataktige elementer, og bidrar positivt til brukeropplevelsen. Brukerne trenger visuell tilbakemelding for samspillet, og parallaxrulling er den perfekte måten å tilbakemelding på nettets mest vanlige samhandling, rulling.

Header parallax

En av de vanligste implementeringene av parallaxrulling er headerparallax. Når øynene dine ser på dybden, er det vanskelig å se bort fra det, så for å skape det klassiske inntrykket av dybde, trenger du bare å introdusere det i overskriften. Leaving resten av innholdet for å rulle normalt.

Chris Roberts

Tim de Graag

Milan Design Week

Y7K

kontor

Bill Byron Viner

The Spaces

Karen Atherley

Tekstparallax

Parallax brukes ofte til å forbedre UX, ved å holde tekstinnholdet foran og sentrum mens du støtter innhold som bilder rulle forbi brukeren.

Fletcher Systems

Industri Art

eple

En annen Escape

Jeg liker foto

Subtil parallax

Som den tidligere opprøret grrrl hvis eneste nek til tenårene hennes er en over-entusiasme for eyeliner på en lørdag kveld, har parallax rulling vokst opp. Subtile parallaxeffekter som brukes på noen få elementer, skaper en elegant nettleseropplevelse som sjarmerer og engasjerer brukeren.

Karakter

Nutsandwoods

Du må elske Frontend

Hay Rosie

Harewood Estate

Fast punktparallax

Fast punktparallax er ideell for å holde fokus på ditt primære innhold. Denne typen parallax er ofte oppnåelig med CSS alene og produserer effektive og funksjonelle steder. Det er en ideell teknikk for produktdemoer.

Format

fueled

Simon Foster

Klassisk parallax

Den klassiske, fullstendig, parallax-opplevelsen produseres fortsatt. Det er dusinvis av nettsteder som bruker det til stor effekt. Parallax er langt utover en trend nå, det er en naturlig effekt på nettet, som disse nettstedene viser.