Skip to main content

Parallax

Betekenis:

Parallax of ParallaxScrolling is een trend op het gebied van webdesign. Het is een visueel effect dat websites een zekere diepte geeft. Het effect wordt geregeld door de scroll-functie: als de bezoeker naar beneden scrollt, bewegen de afzonderlijke elementen van de webpresentatie met verschillende snelheden. Een achtergrondbeeld kan bijvoorbeeld langzaam bewegen, terwijl foto’s of grafische elementen op de voorgrond sneller bewegen.

Algemene informatie over Parallax

Het zogenaamde “parallax-effect” wekt de indruk van diepte. De webpagina verschijnt als een 3D-animatie, die wordt voortgezet door naar beneden te scrollen. Dit grafischebesturingsconcept

is bijzonder geschikt voor zogenaamde “storytelling”, aangezien de consumptie van de inhoud van de website kan worden ondersteund door scrolling-effecten.
ParallaxScrolling maakt gebruik van twee verschillende bewegingsparallaxen. Wanneer een waarnemer evenwijdig aan twee elementen beweegt, lijken de elementen met verschillende snelheden te bewegen. Het element dichterbij lijkt sneller te bewegen, terwijl het verder weg gelegen element langzamer lijkt te bewegen. Dit creëert een speciale diepteperceptie bij de waarnemer: de menselijke hersenen zetten deze stimuli zodanig om dat de getoonde effecten worden waargenomen als in 3D.
[su_list icon=”icon: hand-o-right” icon_color=”#187bc0″ indent=”-5″]

Relevant op de volgende gebieden:

  • Meetkunde
  • Astronomie
  • Fotografie
  • Metrologie
  • 2D- en 3D-graphics
  • Web ontwerp
[/su_list]

Parallax wordt gebruikt in 2D computerspelletjes om diepte te creëren en de speler oriëntatie te geven. Sinds enkele jaren wordt de techniek ook gebruikt in webdesign om parallax scrolling-effecten te creëren.

Hoe werkt het?

ParallaxScrolling kan in modern webdesign op verschillende manieren worden toegepast. In veel gevallen worden achtergrondelementen en afbeeldingen op de voorgrond zo gebruikt dat de waarnemer evenwijdig beweegt met de scrollfunctie op de webpagina. Het zichtbare gebied van de webpagina (viewport) vertegenwoordigt het vaste punt voor de waarnemer. De pagina beweegt vanuit dit vaste punt terwijl afzonderlijke objecten langzamer of sneller bewegen. In de browseromgeving worden deze bewegingen mogelijk gemaakt door het gebruik van moderne CSS3-functionaliteiten (Cascade Style Sheets).

Gebruikssituaties van Parallax

De meest voorkomende toepassing is storytelling. Hier wordt de inhoud van een webpagina zo gemaakt dat de kijker een verhaal te zien krijgt terwijl hij naar beneden scrollt. De technische presentatie van de inhoud en de presentatie van de aangeboden informatie worden op deze manier ideaal gecombineerd. Online winkels, webpresentaties voor productlanceringen, reclamecampagnes en freelancer websites gebruiken de voordelen van Parallax om een visueel verhaal te vertellen aan hun bezoekers.

Voor- en nadelen in een oogopslag

ParallaxScrolling is een wereldwijde trend en is in veel bekende en zeer succesvolle projecten gebruikt. Deze websites zijn echter speciaal ontworpen om te profiteren van de voordelen van Parallax voor hun presentatiedoeleinden en om het op de best mogelijke manier in het totaalconcept op te nemen.

Pro
  • Inhoud blijft langer in het geheugen van de bezoeker dankzij de visuele verschijning ervan. Gebruikers kunnen sneller tevreden zijn met hun zoekintenties en opnieuw naar de website terugkeren.
Contra
  • Het gebruik van ParallaxScrolling-effecten wordt geassocieerd met een grotere inspanning en langere laadtijden. Aangezien het effect meestal wordt gebruikt op zogenaamde single page websites, zijn er enkele nadelen vanuit het oogpunt van zoekmachineoptimalisatie.

Conclusie

Als Parallax verstandig wordt gebruikt, kan het bijdragen aan de bruikbaarheid van een website

en helpen om de inhoud op een spectaculaire manier te presenteren.


Heeft u nog vragen?

Neem contact met ons op


Verdere inhoud