Chaque fois que j’ai l’occasion de regarder les tendances de conception Web de partout sur le Web, une chose qui me doit toujours, c’est qu’elles sont toutes les mmes depuis l’anne dernire, ou probablement pas ce que vous voyez ces jours-ci. Je veux dire, l’animation a toujours t considre comme une grande tendance dans l’amlioration d’un site Web, et cela encore aujourd’hui. Cependant, savez-vous quelle est la taille d’une animation de tendance ? Srieusement, si vous avez vraiment une liste de contrle des tendances, et si vous allez y inclure une vido d’animation en plein cran, vous feriez mieux de consulter une gamme de niche des meilleurs sites Web avant de le faire. Personne n’aime plus voir une vido anime. Il y a bien plus que cela. Pour le prouver, dcouvrons 5 tendances de niche qui vont prendre d’assaut l’arne de la conception Web.
1. Un plein cran non droulant peut faire la diffrence
Enfin, les gens s’habituent aux sites qui ne sont pas droulants, car ils doivent faire moins d’efforts pour naviguer sur le site. Imaginez, faire dfiler ces sites d’une page, jusqu’ l’ternit, avec un en-tte collant vous accompagnant jusqu’en bas. Il est toujours rafrachissant de voir des pages o tout est prsent l’cran, et vous n’avez pas besoin de faire dfiler pour naviguer vers d’autres pages. De nos jours, les gens sont trs occups et les sites non dfilants peuvent leur faire gagner beaucoup de temps. Regardons quelques exemples pourquoi c’est gnial.
- Principes de base de la confidentialit sur Facebook
Facebook utilise des curseurs de dfilement latral pour expliquer les instructions tape par tape sur les bases lies leur politique de confidentialit, soutenues par de magnifiques illustrations. Gnial, n’est-ce pas ? - Fantaisie
Fantasy est une agence de design qui fait un excellent travail pour garder tout au-dessus du pli. Bien qu’il semble qu’une sorte de dfilement soit impliqu, en ralit, ce n’est pas le cas. En vrifiant dans la section de travail, vous pouvez accder au contenu sous le pli, en cliquant sur les icnes prsentes au-dessus du pli. - KLM 50 Voyages
Un autre merveilleux exemple de mise en uvre de ce concept, vous emmne travers 50 destinations l’aide d’une vido de prsentation dans laquelle vous devez vous asseoir et vous dtendre, en regardant les meilleurs endroits visiter. Utilisez simplement les touches flches ou la barre d’espace pour un peu de navigation si ncessaire, vitant aux utilisateurs d’utiliser la souris.
2. Un titre rsidant dans un format collant sur le ct
C’est une toute nouvelle tendance, vue sur trs peu de sites. Il est toujours prfrable de vrifier ce genre de tendances sur des sites de studios de design ou des sites d’agences. Il s’agit d’un style dans lequel vous avez un titre collant qui se dplace avec le texte, lorsque vous faites dfiler vers le bas. C’est une merveilleuse tendance que l’on ne trouve que sur les ordinateurs de bureau et qui n’est pas destine une visualisation mobile. Regardons quelques exemples pourquoi c’est gnial.
- Code et thorie
Le site utilise les titres des villes comme un format collant, donc lorsque vous faites dfiler, le nom de la ville associe apparat sur le ct gauche, et il change lorsque le dfilement se poursuit. - Dbordement de pile
Ici, la sous-navigation semble tre collante lorsque vous faites dfiler, seule la surbrillance changeant en fonction de la section apparaissant droite. - DDB Sthlm
Lorsque vous faites dfiler vers le bas, vous verrez le menu correspondant rester collant sur le ct, seuls les noms de menu changeant en fonction du contenu.
3. Le chargement consiste afficher le logo
C’est une autre grande tendance qui gagne en popularit de nos jours. La seule chose que vous avez pendant que le site se charge est de montrer le logo. Regardons quelques exemples pourquoi c’est gnial.
- Instrument
Lorsque vous ouvrez le site Web, la seule chose que vous voyez pendant le chargement est le logo. Aprs cela, il disparat et ne rapparat que lorsque vous ouvrez le menu. - Fubiz
Le site a diffrents logos destins diffrentes sections. Ainsi, lorsque vous ouvrez une section, vous avez un logo diffrent soutenu par de belles animations. - a aussi
Un autre superbe design dans lequel l’icne de navigation dans le menu joue le rle du logo en maintenant la position, ainsi qu’en agissant comme un chargeur. Pas directement, mais le design fait une approche indirecte de cette tendance qui brise les normes.
4. Images d’arrire-plan apparaissant de manire perturbatrice
Imaginez, les images d’arrire-plan envahissant l’ensemble du site immobilier. Ce n’est certainement pas une nouvelle tendance. Cependant, ce qui est nouveau, c’est que lorsque la souris survole l’arrire-plan, l’image d’arrire-plan commence soudainement afficher un mouvement. Maintenant, c’est une tendance tonnante. Regardons quelques exemples pourquoi c’est gnial.
- Fais-moi pulser
Le site utilise la tendance de manire assez convaincante, de sorte que lorsque vous survolez l’arrire-plan, vous voyez des montagnes numriques s’lever, partout o le curseur se dplace. - Thorie active
Ceci est un autre excellent site dans lequel l’arrire-plan montre des mouvements avec votre curseur se dplaant ici et l . Il semble que vous criez une sorte de distorsion dans l’arrire-plan numrique. - Des dtails
Le site peut vous obliger faire dfiler des choses. Mais comme vous le faites, et lorsque vous atteignez le bas de l’quipe, vous avez une belle distorsion qui se produit. Bien que lgrement, mais agrable!
5. Utiliser des animations sur le dessus grce une touche de crativit
Puisque c’est possible de nos jours, pourquoi ne pas opter pour cela ? Les animations, lorsqu’elles sont introduites de manire approprie, peuvent faire des merveilles, rendant l’exprience globale divertissante et suffisamment agrable. Faites-le avec beaucoup de prcaution car cela peut consommer votre temps et votre vitesse de chargement, mais faites-le par dessus pour que cela en vaille la peine.
- Waaark
Le studio de design a produit cette anne l’une des expriences les plus tonnantes en termes de visuels. Le site fait un excellent travail pour aller au-del des animations. - Animocons
Un exemple classique d’animations bases sur des clics, avec tout ce qui se passe en quelques clics. - Bta interactive du rallye
Un autre site avec le bon type d’animations, devenant fou partout, et des effets d’animation changeant avec des clics, tandis que les choses restent plus simples lorsque vous n’avez rien slectionn.
