CRÉATION DE SITES WEB
Qu’est-ce que le défilement parallaxe ?
Le défilement parallaxe est une technique graphique de conception Web dans laquelle les images d'arrière-plan se déplacent à un rythme plus lent que le premier plan, créant l'illusion d'un effet 3D de profondeur lorsque les visiteurs font défiler la page Web. La technique est issue de la technique de caméra multiplan utilisée dans l’animation traditionnelle depuis les années 1930.
La parallaxe est basée sur l'illusion d'optique. Puisque l’œil humain perçoit les objets proches de nous comme plus grands que les objets plus éloignés, nous percevons les objets éloignés comme s’ils se déplaçaient plus lentement.
L'illusion a longtemps été adoptée en parallaxe sur différents supports, favorisant un effet réaliste. Sa première utilisation était dans l'animation traditionnelle, remontant dès Blanche-Neige et les Sept Nains de Disney, et dans les jeux vidéo tels que Super Mario.
Avec les progrès du CSS et du HTML, les effets de parallaxe ont ensuite évolué vers le monde de la conception Web tel que nous le connaissons aujourd'hui.
Le défilement parallaxe est une technique de défilement spéciale utilisée dans la conception Web dans laquelle les images d'arrière-plan d'une page Web se déplacent plus lentement que les images de premier plan, créant ainsi une illusion de profondeur sur un site en deux dimensions.
C’est l’une des techniques de conception les plus utilisées actuellement dans la conception de sites Web, mais c’est aussi quelque chose que vous ne réalisez probablement même pas que vous avez déjà expérimenté.
Il s'agit d'un mouvement simple auquel vous êtes déjà habitué et qui a contribué à rendre de nombreux sites Web dynamiques et interactifs.
Si vous choisissez de l'utiliser, il est important de réfléchir à la manière dont la parallaxe pourrait également affecter l'expérience mobile. Pour augmenter la vitesse du site et ne pas trop empiéter sur la convivialité mobile, il est généralement conseillé de réduire le défilement parallaxe ou de le supprimer complètement.
N'oubliez pas de penser à tous les cas où vous souhaiterez peut-être l'utiliser en premier et à la manière dont il doit être ajusté pour les utilisateurs sur plusieurs appareils.
En savoir plus ici.
Lien supplémentaire :
[optin-monster slug=”em8z7q6hga9elmy1dbgb”]
