Comment créer un effet comme parallaxe

L'une des techniques les plus populaires, pour sa mise en œuvre facile et son résultat direct, est de figer une image dans la fenêtre, créant un effet quasi parallaxe, et donnant l'impression de mouvement.

Ce effet crée des effets très agréables visuellement, ajoute beaucoup de brillance à n'importe quel design, et est facile à combiner avec d'autres éléments tels que des zones 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 d'un environnement que nous traversons (dans un sens métaphorique 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’humeur à l'information et vice versa, maintenant ainsi l'intérêt.

Dans ce cas, le contexte est celui d'une société d'organisation 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 le concept de merveille de la nature, l'interstitiel 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 de nouvelles informations.

Mis à jour dans Sparkle 2.8

In English

Auf Deutsch

In Italiano

S'il vous plait, signalez toute lacune dans la documentation et nous la corrigerons dès que possible !

Copyright © 2019 River SRL 

IT06208340486 — REA FI-609716

This site uses cookies. Some are essential to make our site work; others help us improve the user experience and display third party content. By using the site, you agree to our site sending these cookies. Read our privacy policy to learn more or opt out.