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.