30+ websites die bewijzen dat parallax niet dood is

Parallax-scrollen wordt gedefinieerd als een site waarop de achtergrond sneller schuift dan de voorgrond, waardoor de indruk van diepte ontstaat. Die rigide definitie ligt ten grondslag aan de meeste mythen over parallax: het is niet geschikt voor meerdere pagina's, het is niet geschikt voor grote sites, het is onbruikbaar op mobiel, het is een gedateerde trend, het is slecht voor gebruik, gebruikers vinden het niet leuk , het is slecht voor SEO, ik zou kunnen doorgaan ...

Een betere definitie zou zijn: Parallax-scrollen is een site waarop de elementen met verschillende snelheden scrollen en een dynamisch effect creëren.

Zoals alles is parallax scrollen slecht voor een website als het slecht gedaan is. Maar zoveel sites parallax goed.

De parallax trend van een paar jaar geleden ging niet echt over parallax, het ging over platte illustraties, voor eeuwig scrollen om naar inhoud te gaan, single-page sites met lineaire vertellingen. Die gebruikerservaringen zijn gedateerd, maar parallax zelf heeft dat niet omdat scrollen op het internet natuurlijk is.

Moderne parallax degradeert elegant, luie elementen en draagt op een positieve manier bij aan de gebruikerservaring. Gebruikers hebben visuele feedback nodig voor hun interacties en parallax-scrollen is de perfecte manier om feedback te geven op de meest voorkomende interactie op het web, scrollen.

Header parallax

Een van de meest voorkomende implementaties van parallax scrollen is header parallax. Zodra je ogen diepte zien, is het moeilijk om het te zien, dus om de klassieke indruk van diepte te creëren, hoef je het alleen in de kop te introduceren. De rest van uw inhoud laten staan om normaal te scrollen.

Chris Roberts

Tim de Graag

Milan Design Week

Y7K

Kontor

Bill Byron Wines

De ruimtes

Karen Atherley

Tekst parallax

Parallax wordt vaak gebruikt om UX te verbeteren, door tekstinhoud op de voorgrond te houden en inhoud te ondersteunen zoals afbeeldingen die voorbij de gebruiker rollen.

Fletcher Systems

Industrie Art

appel

Nog een Escape

Ik hou van foto's

Subtiele parallax

Net als de vorige riot grrrl wiens enige knipoog naar haar tienerjaren een overenthousiasme is voor eyeliner op een zaterdagavond, is parallax scrollen opgegroeid. Subtiele parallaxeffecten die op een paar elementen worden toegepast, creëren een elegante browse-ervaring die de gebruiker charmeert en aanspreekt.

Karakter

Nutsandwoods

Je moet van Frontend houden

Hay Rosie

Harewood Estate

Vaste punt parallax

Parallax met vast punt is ideaal om de focus op uw primaire inhoud te houden. Dit soort parallax is vaak alleen haalbaar met CSS en produceert efficiënte en functionele sites. Het is een ideale techniek voor productdemo's.

Formaat

Fueled

Simon Foster

Klassieke parallax

De klassieke, volledige on-parallax-ervaring wordt nog steeds geproduceerd. Er zijn tientallen sites die het gebruiken met groot effect. Parallax is nu veel meer dan een trend, het is een natuurlijk effect op het web, zoals deze sites laten zien.