Les fonds blancs et sombres datent de 2016. Il est temps de rafraîchir rapidement votre site Web avec un nouveau traitement de fond plus moderne.
Bien que de nombreux styles minimaux soient encore présents, le manque de couleur ne l’est pas. Les concepteurs optent plutôt pour les gris et les couleurs vives. Les effets de fond repoussent également plus de frontières avec une géométrie cool, des motifs asymétriques et un art abstrait. Aujourd'hui, nous explorons les tendances de fond des sites Web modernes, riches en exemples et en inspiration!
1. Géométrie sur les photos
Les images et illustrations de héros font toujours partie des styles de fond les plus populaires. Les grandes images sont attrayantes et constituent un bon moyen d'attirer les utilisateurs.
Bien qu'elles ne constituent pas un arrière-plan en soi, dans la plupart des cas, des images surdimensionnées en pleine largeur constituent l'arrière-plan de la page d'accueil. Les images sont superposées avec du texte, des éléments de navigation et des appels à l'action (d'où l'utilisation comme arrière-plan).
La nouveauté de l'imagerie de héros consiste à superposer des images avec des éléments géométriques sympas pour un visuel plus intéressant. Des tourbillons aux rectangles en passant par des éléments plus tactiles, les concepteurs ajoutent des formes de base au design.
Ce qui rend ce travail utilise la géométrie avec un but. Vous ne pouvez pas simplement déposer des hexagones ordonnés sur une photo et vous attendre à ce qu'elle fonctionne. Des éléments géométriques doivent être placés pour attirer l’oeil vers la partie droite de l’image ou pour amener les utilisateurs à une action spécifique. La géométrie peut ajouter une touche de couleur dans une conception sombre ou plus épaisse pour encourager ce mouvement des yeux. Les formes peuvent également être utilisées pour mettre en valeur l'identité de la marque - en particulier si les mêmes formes se trouvent dans votre logo - afin de créer un lien plus fort.
2. nuances de gris
Changer de style minimaliste est aussi simple que d'ajouter un peu de gris. Au lieu d'un fond blanc stérile, de plus en plus de sites Web apparaissent avec des fonds gris pâle avec un motif de conception par ailleurs tout à fait minimal.
La grande chose à propos des fonds gris est que la couleur peut être riche et chaude ou froide. Les nuances peuvent correspondre aux couleurs de la marque ou aux images environnantes. Vous pouvez également opter pour un gris à base de noir pâle pour une teinte presque plate.
Quelle que soit la variation de gris que vous choisissez, rappelez-vous que les éléments qui l’entourent contribueront à façonner l’atmosphère de la couleur pour les utilisateurs. Il semble assez souple, par exemple sur le site Paul Valentine lorsqu'il est associé à un rose pastel, mais beaucoup plus mod sur le site du portefeuille S. Dallyn.
3. couches de couleurs vives
Tout comme les formes géométriques peuvent être utilisées pour créer des arrière-plans superposés, les blocs de couleur peuvent avoir le même effet. Les choix de couleurs vives constituent un choix de fond audacieux et intéressant.
Ces arrière-plans colorés peuvent avoir plusieurs objectifs, que ce soit en attirant les utilisateurs dans la conception ou en ajoutant un intérêt visuel à un espace qui peut manquer d'images ou d'autres éléments visuels.
La base de cette tendance est ancrée dans d’autres tendances de couleurs qui ont eu un impact majeur sur le design récemment. Un grand nombre de couleurs et de couches ont une sensation de conception matérielle (ou des reports de styles de conception plate). Cette fusion et ce changement de tendances constituent une évolution naturelle et facile à intégrer car il peut s’agir davantage d’un ajustement à un site Web existant que d’une refonte complète.
4. Asymétrie
Sortez de la grille! (Ou du moins l'ajuster pour que tout ne soit pas aussi symétrique.)
Un fond n’a pas besoin d’avoir des groupes d’éléments minuscules ou des motifs parfaitement alignés. Il n'est pas nécessaire que ce soit une couleur solide ou une image.
Il peut s'agir d'une combinaison de ces éléments, positionnés de manière à créer un équilibre parfait que vous ne pouvez pas couper en plein milieu. Les options peuvent inclure une image de héros ne prenant pas toute la largeur de l'écran avec plus d'espace blanc d'un côté que de l'autre, comme le montre Nap Luxury Guesthouse. Cela peut ressembler à une CMMNTY, où les éléments de texte et les espaces blancs ont des contrepoids égaux pour un effet qui oblige presque les utilisateurs à regarder les lettres. Il peut s'agir du décalage subtil d'une image de produit surdimensionnée avec du texte et un appel à l'action, tel qu'un vase.
Quelle que soit la conception choisie, réfléchissez à l’arrière-plan en termes d’équilibre, mais pas de coupe-biscuits. Essayez quelque chose de différent. L'asymétrie est souvent audacieuse, surprenante et visuellement intéressante (surtout avec autant d'options parfaitement symétriques.)
5. Art abstrait
Vous n'avez pas une bonne idée de fond? Essayez quelque chose d'abstrait. Combinez les couleurs, les formes et les motifs pour un visuel amusant qui pourrait ne ressembler à rien du tout.
Lorsqu'il s'agit de concevoir votre site Web, vous avez besoin d'un différenciateur visuel afin que lorsque les utilisateurs visitent le site Web, quelque chose d'intéressant attire leur attention. Si le design ressemble à tout le reste, les utilisateurs n'auront peut-être aucune raison de rester.
Donnez-leur quelque chose de bien à regarder. Associez-le à un texte irrésistible qui leur donne envie de s'engager dans la conception. Osez être audacieux, différent et intéressant.
Conclusion
Votre conception de site Web souffre-t-elle d'un style d'arrière-plan ancien, obsolète ou surutilisé? (C'est bien de l'admettre, cela nous arrive tous à un moment donné.)
Il est maintenant temps d'actualiser le design avec un style d'arrière-plan plus moderne. Utilisez les exemples ci-dessus pour vous inspirer et essayer quelque chose de différent et créer quelque chose qui pourrait même dépasser votre niveau de confort.