Comment créer un effet similaire à la parallaxe

L’une des techniques les plus populaires pour la mettre en œuvre et facilement obtenir un résultat direct est de figer une image dans la fenêtre, créant un effet de quasi parallaxe et de mouvement.

Cet fonctionnalité crée des effets très agréables visuellement, ajoute beaucoup d’éclat à n’importe quel design, et est facile à combiner avec d’autres éléments comme les boîtes de texte. Appliquez-en sur les animations défilantes et vous obtenez une belle page fluide.

Pour commencer, créer une image appropriée pour donner l’impression que nous traversons un environnement (métaphoriquement aussi ; il peut s’agir d’une peinture médiévale classique ou d’une photographie spontanée). Une fois que vous placez l’image, cliquez simplement sur l’option « Figé dans la fenêtre ». 

L’idée est de créer un contexte d’un point visuel fort où le spectateur concentre son attention. C’est une poche de réalisme, et les autres éléments plus « fictifs » retiennent davantage l’attention à mesure que le contexte passe de l’environnement/l’ambiance à l’information et vice versa, maintenant ainsi l’intérêt.

Dans ce cas, le contexte est celui d’une agence de voyages, qui se concentre sur la randonnée et le camping, les fournitures et le réseautage. En utilisant un arrière-plan déroulant pour le concept d’alimentation et de préparation et un autre pour la beauté de la nature, la boîte d’interstice fixe permet de séparer les contextes. 

Il est conseillé de laisser un espacement approprié entre les sections d’arrière-plan fixes pour que le spectateur puisse compléter la transition, nous pouvons alors profiter de l’attention renouvelée pour présenter de nouvelles informations.

Mis à jour pour Sparkle 3.1

In English

Auf Deutsch

In Italiano

S’il vous plait, signalez tout défaut dans la documentation et nous le corrigerons dès que possible !

Sparkle combine une approche tout-en-un, une interface lisible et une volonté absolue de produire des sites Web extrêmement performants et optimisés pour les moteurs de recherche (SEO). 

Tout ça dans une puissante application Mac native. 

Rien ne s’en approche.

Copyright ©2021 River SRL

IT06208340486 — REA FI-609716

Ce site utilise des cookies. Certains sont essentiels au fonctionnement de notre site ; d’autres nous aident à améliorer l’expérience utilisateur et afficher le contenu de tiers. En utilisant ce site, vous acceptez l’envoi de ces cookies par notre site. Lisez notre Politique de confidentialité pour en savoir plus ou refuser.