Effet parallax pour sublimer votre site

Effet parallax pour sublimer votre site

Dans un site Internet, la mise en forme est souvent aussi importante que le fond. D’un point de vue technique et esthétique, le webdesign d’un site doit se distinguer des autres afin d’être remarqué et impactant.

L’effet parallax fait partie de ces animations qui changent un site ordinaire en site dont les visiteurs se souviendront.

L’effet parallax, qu’est ce que c’est?

Pour le visiteur d’un site Internet, le parallaxe donne l’impression de plusieurs couches superposées avec une couche mobile (qui est sensible au scroll de la souris) et une couche fixe.

En terme de web design, cela provoque l’impression d’une mise en page disposant de plusieurs couches et donne un effet 3D de profondeur.

Voici une démonstration du parallax sur une image de background :

Image simple

no-parallax-image-site-web-high.gif

Image avec effet parallax

parallax-image-site-web-high-1.gif

L’effet est entièrement responsive design, c’est-à-dire qu’il est également compatible aux supports mobiles de type smartphones et tablettes.

Pour une expérience utilisateur optimale, n’hésitez pas à alterner sur une page plusieurs images possédant des effets parallax avec des blocs de texte. Cela provoquera un effet 3D de perspective qui mettra encore plus en valeur vos contenus.

Commencez la création de votre site

Comment mettre mes images en mode parallax ?

Pas besoin d’être développeur et de maîtriser les langages HTML, CSS, PHP ou Javascript pour intégrer ce type d’animation. En créant votre site internet avec Orson.io, il s’agit simplement d’une case à activer ! Voici un petit tutoriel.

En utilisant l’interface pour créer un bloc de présentation, vous avez plusieurs possibilités pour personnaliser votre fond de bloc (ou background). Une fois intégrer une image grâce au navigateur, vous avez la possibilité d’activer l’effet parallaxe. C’est aussi simple que ça !

Pensez-y quand lors des étapes de création de votre site internet ! L’effet parallaxe est une astuce graphique efficace pour dynamiser le design de vos pages.

Votre site est-il efficace ?

Stanislas Almeida

Stanislas Almeida

Expert en création de site internet et référencement naturel.

Plus de conseils pour créer un site efficace

Pourquoi compresser les images sur mon site internet?

La qualité des images sur votre site internet est essentielle, car elle donne l'identité de votre entreprise. Si votre objectif est de les utiliser dans votre communication digitale, cette qualité peut pourtant être handicapante pour le...

Lire la suite

Top 10 des blogs de Webdesign 2018

Que vous soyez étudiant, professionnel ou tout simplement passionné de Webdesign, vous êtes curieux des belles créations et à l’affût des nouveautés et tendances du milieu.

Lire la suite

15 portfolios incontournables pour trouver l'inspiration

Et nous y voilà : après ce mois pluvieux de janvier, on a rassemblé au sein des équipes Design et Marketing chez Orson la sélection des meilleurs portfolios que nous avons trouvé sur le web.

Lire la suite

Les meilleures tendances webdesign à surveiller en 2018

Les meilleures tendances webdesign pour 2018 dans la création de site internet : le titre de l’article d’aujourd’hui peut paraître osé.

Qui sommes-nous pour décréter les tendances, me direz vous … mais le webdesign est un sujet qui nous plait. On...

Lire la suite