30+ websteder, der viser parallax, er ikke døde

Parallax scrolling defineres som et websted, hvor baggrundsbilledet ruller hurtigere end forgrunden, hvilket skaber indtryk af dybde. Den stive definition er grundlaget for de fleste myter om parallax: den er ikke egnet til flere sider, den er ikke egnet til store websteder, den er ubrugelig på mobilen, det er en dateret trend, det er dårligt for brugervenlighed, brugerne kan ikke lide det , det er dårligt for SEO, jeg kunne fortsætte ...

En bedre definition ville være: Parallax scrolling er et websted, hvor elementerne rulle ved forskellige hastigheder og skaber en dynamisk effekt.

Som noget, er parallax scrolling dårlig for et websted, når det er gjort dårligt. Men så mange steder gør parallax godt.

Parallax-trenden for et par år siden drejede sig ikke om parallax, det handlede om flade illustrationer, der rullede for evigt for at komme til indhold, enkeltsidede websteder med lineære fortællinger. Disse brugeroplevelser er dateret, men parallaxen selv har ikke, fordi rulning på nettet er naturligt.

Moderne parallax nedbryder yndefuldt, dovne belastningselementer og bidrager positivt til brugeroplevelsen. Brugere har brug for visuel feedback for deres interaktioner, og parallax scrolling er den perfekte måde at tilbagekalde på webens mest almindelige interaktion, scrolling.

Header parallax

En af de mest almindelige implementeringer af parallax scrolling er header parallax. Når dine øjne ser dybden, er det svært at se bort fra det, så for at skabe det klassiske indtryk af dybde, behøver du kun introducere det i overskriften. Forlad resten af dit indhold for at rulle normalt.

Chris Roberts

Tim de Graag

Milan Design Week

Y7K

Kontor

Bill Byron Vine

Rummene

Karen Atherley

Tekstparallax

Parallax bruges ofte til at forbedre UX ved at holde tekstindholdet forreste og midterste, mens du understøtter indhold som billeder, rulle forbi brugeren.

Fletcher Systems

Industrikunst

Æble

En anden flugt

Jeg kan lide foto

Subtil parallax

Som den tidligere riot grrrl, hvis eneste nik til sine teenageår er en over-entusiasme for eyeliner på en lørdag aften, har parallax scrolling vokset op. Subtile parallaxeffekter, der anvendes på nogle få elementer, skaber en elegant browseroplevelse, der charmerer og engagerer brugeren.

Karakter

Nutsandwoods

Du skal elske Frontend

Hay Rosie

Harewood Estate

Fast punkt parallax

Fast punktparallax er ideel til at holde fokus på dit primære indhold. Denne form for parallax er ofte opnås med CSS alene og producerer effektive og funktionelle steder. Det er en ideel teknik til produktdemoer.

Format

Motiveret

Simon Foster

Klassisk parallax

Den klassiske, fulde og parallax-oplevelse produceres stadig. Der er snesevis af steder, der bruger det til stor effekt. Parallax er langt ud over en tendens nu, det er en naturlig effekt på internettet, som disse websteder viser.