30+ webbplatser som visar parallax är inte döda

Parallaxrullning definieras som en webbplats där bakgrundsbilden rullar snabbare än förgrunden, vilket ger intryck av djup. Den styva definitionen ligger till grund för de flesta myterna om parallax: den är inte lämplig för flera sidor, den är inte lämplig för stora webbplatser, den är oanvändbar på mobilen, det är en daterad trend, det är dåligt för användbarhet, användarna tycker inte om det , det är dåligt för SEO, jag kunde gå vidare ...

En bättre definition skulle vara: Parallax scrolling är en webbplats där elementen rullar med olika hastigheter vilket skapar en dynamisk effekt.

Liksom någonting är parallaxrullning dåligt för en webbplats när det är gjort illa. Men så många platser gör parallax bra.

Parallax trenden för ett par år sedan handlade inte egentligen om parallax, det handlade om platta illustrationer, rullning för alltid för att komma till innehåll, ensidiga sidor med linjära berättelser. De användarupplevelserna har daterats, men parallaxen själv har inte för att rulla på webben är naturlig.

Moderna parallax försämrar graciöst, lata lastelement och bidrar positivt till användarupplevelse. Användare behöver visuell feedback för deras interaktioner, och parallaxrullning är det perfekta sättet att återkoppla på webens vanligaste interaktion, rullning.

Header parallax

En av de vanligaste implementeringarna av parallaxrullning är huvudparallax. När dina ögon ser djupt, är det svårt att se det, så för att skapa det klassiska intrycket av djup behöver du bara introducera det i rubriken. Om du lämnar resten av ditt innehåll rullar du normalt.

Chris Roberts

Tim de Graag

Milan Design Week

Y7K

Kontor

Bill Byron Wines

Områdena

Karen Atherley

Textparallax

Parallax används ofta för att förbättra UX, genom att hålla textinnehållet fram och till centrum medan du stöder innehåll som bilder bläddra förbi användaren.

Fletcher Systems

Industrikonst

Äpple

En annan flykt

Jag gillar foto

Subtila parallax

Liksom den tidigare uppror grrrl vars enda nicka till hennes tonåren är en över-entusiasm för eyeliner på en lördag natt, har parallax rullning vuxit upp. Subtila parallaxeffekter som tillämpas på några få element skapar en elegant webbupplevelse som charmar och engagerar användaren.

Karaktär

Nutsandwoods

Du måste älska Frontend

Hay Rosie

Harewood Estate

Fast punktparallax

Fast punktparallax är idealisk för att hålla fokus på ditt primära innehåll. Denna typ av parallax är ofta uppnås med CSS ensam och producerar effektiva och funktionella platser. Det är en idealisk teknik för produktdemos.

Formatera

blåst

Simon Foster

Klassisk parallax

Den klassiska, fulla, parallella erfarenheten produceras fortfarande. Det finns dussintals webbplatser som använder det till stor effekt. Parallax är långt bortom en trend nu, det är en naturlig effekt på webben, som dessa webbplatser visar.