6 sites Web d'effets de parallaxe

El Effet de parallaxe c'est le composant Web dont vous entendez le plus parler aujourd'hui. Dire que c'est une tendance depuis au moins un an ne suffit pas. Après l'essor des sites HTML5, CSS3, jQuery et d'une page (constitués d'une seule page), cet effet optique a atteint les sites les plus pointus pour nous étonner.

Si nous surfons sur le net, nous verrons que, dans la plupart des pages, son utilisation est expérimentale. Surtout dans la catégorie des portfolios en ligne, les designers laissent libre cours à leur imagination pour démontrer votre compétence et essayez de faire un pas de plus que le partenaire d'à côté n'a fait. Ici, nous vous apportons une compilation de 6 sites Web avec Parallax que vous pouvez voir et commenter.

Qu'est-ce que la parallaxe?

Commençons par le début, qu'est-ce que c'est à propos de Parallax? Cela consiste simplement à faire en sorte que, lorsque nous nous déplaçons verticalement dans la page (c'est-à-dire que nous faisons défiler), l'arrière-plan se déplace à une vitesse beaucoup plus lente que les autres éléments. C'est comme si notre site Web était divisé en deux ou plusieurs couches Photoshop. Et ce que réalise l'effet Parallax est de nous donner le sensation de profondeur, que beaucoup appellent également effet 3D.

Avec toutes ces "nouveautés", il ne faut jamais se laisser emporter par les tendances au point d'oublier la véritable finalité d'une page web: communiquer, dis quelque chose. Et j'ai vu nombreux sites dans lequel la créativité des images et des éléments qui se déplacent comme par magie sur l'écran est si écrasante que mon regard évite de s'arrêter pour lire ce qui y est raconté.

6 Exemples de sites Web avec l'effet Parallax

1. Cyclémon: Effet de parallaxe qui fonctionne et en profite. Il y a peu de texte, très concis, qui est accompagné d'un illustration cela change avec lui. Dans ce cas, l'effet ne me dérange pas: il m'aide à m'intéresser à un contenu qui, raconté d'une autre manière, ne m'aurait pas du tout attiré.
2. L'unité: Je suis attiré par la qualité du image qui couronne le web. Cependant, l'abondance d'images et la faible hauteur donnée à chaque section m'induisent en erreur. L'effet Parallax ne me dérange pas, mais je pense que les sections supérieures gagneraient plus. À propos: si vous fermez le Web et le rouvrez, l'image principale change.
3. Titanic: Tout simplement cool et brillant. La première fois que je suis entré, je n'ai pas pu éviter de faire défiler tout le temps, jusqu'à ce que j'arrive à la fin. Je suis donc revenu au début du Web pour lire le contenu, profitant à nouveau de l'effet Parallax. Vous me direz ce que vous en pensez.
4. Sony: Si vous avez cherché sur Internet des exemples de Parallax, vous avez probablement vu cette page. Et c'est logique, car le résultat est incroyable. La meilleure application de l'effet que j'ai vu jusqu'à présent, sans hésitation.
5. Soleil noir: Cela me rappelle beaucoup de Cyclemon. Ce sont aussi des illustrations combinées avec peu de texte. J'aime beaucoup la barre latérale classée par couleur, qui nous donne la possibilité de revenir en arrière ou d'avancer dans n'importe quelle section.
6. Louche: Désolé, je ne suis pas convaincu. C'est un site web qui me donne le vertige: il y a trop d'éléments, j'ai le sentiment que tout bouge… Je n'aime pas trop ça. Qu'en penses-tu?
7. Guilgul: J'ai adoré les gifs d'arrière-plan. Je ne comprends rien de ce qu'il dit sur le Web, mais j'aime ça.