5 idées de fond de site Web moderne pour 2017
Les arrière-plans blancs et austères sont si 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 toujours 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 la géométrie cool, les motifs asymétriques et l'art abstrait. Aujourd'hui, nous explorons les tendances de fond des sites Web modernes, remplis d'exemples et d'inspiration!
Explorez les ressources de conception
1. Géométrie sur les photos
Les images et illustrations de héros sont toujours l'un des styles de conception d'arrière-plan les plus populaires. Les grandes images sont engageantes et constituent un bon moyen d'attirer les utilisateurs.
Bien qu'ils ne soient pas un arrière-plan en soi, dans la plupart des cas, les images surdimensionnées et pleine largeur sont la toile de fond 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).
Ce qui est nouveau dans l'imagerie des héros, c'est la superposition d'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 designers ajoutent des formes basiques au design.
Ce qui fait que cela fonctionne, c'est d'utiliser la géométrie à dessein. Vous ne pouvez pas simplement déposer des hexagones soignés sur une photo et vous attendre à ce qu'elle fonctionne. Des éléments géométriques doivent être placés pour aider à attirer l'œil sur la partie droite de l'image ou conduire les utilisateurs à une action spécifique. La géométrie peut ajouter une touche de couleur dans un design sombre ou plus rigide pour encourager ce mouvement des yeux. Les formes peuvent également être utilisées pour aider à souligner l'identité de la marque - en particulier si les mêmes formes sont dans votre logo - pour créer une connexion plus forte.
2. Nuances de gris
Changer de design minimaliste est aussi simple que d'ajouter un peu de gris. Au lieu d'un fond blanc stérile, davantage de sites Web apparaissent avec des arrière-plans gris pâle avec un motif de conception par ailleurs complètement minimal.
La grande chose au sujet des fonds gris est que la couleur peut être riche et chaude ou plus froide au toucher. Les nuances peuvent correspondre aux couleurs de la marque ou aux images environnantes. Ou, optez pour un gris à base de noir pâle pour une teinte presque plate.
Quelle que soit la variation de gris que vous choisissez, n'oubliez pas que les éléments qui l'entourent aideront à façonner la sensation de la couleur pour les utilisateurs. Il semble assez doux, 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 en couches, les blocs de couleur peuvent avoir sensiblement le même effet. Les choix de couleurs vives sont un choix de fond audacieux et intéressant.
Ces arrière-plans colorés peuvent servir à plusieurs fins, du dessin des utilisateurs dans la conception à l'ajout d'un intérêt visuel à un espace qui pourrait manquer d'images ou d'autres éléments visuels.
La base de cette tendance est enracinée dans d'autres tendances de couleurs qui ont récemment eu un impact majeur sur le design. La plupart des couleurs et des couches ont une sensation de conception matérielle (ou un transfert de styles de conception plats). Cette fusion et ce changement de tendances est 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 au moins ajustez-le pour que tout ne soit pas aussi symétrique.)
Un arrière-plan n'a pas besoin d'avoir des grappes de minuscules éléments ou motifs qui s'alignent parfaitement. Il n'est pas nécessaire que ce soit une couleur unie 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 au milieu. Les options peuvent inclure une image de héros qui ne prend 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. Il pourrait ressembler à un 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, comme un vase.
Quelle que soit la conception, pensez à l'arrière-plan en termes d'équilibre mais pas de coupe-biscuit. Essayez quelque chose de différent. L'asymétrie est souvent audacieuse, surprenante et visuellement intéressante (surtout avec tant 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 et les formes et les nuances pour un visuel amusant qui pourrait ne ressembler à rien du tout.
Quand il s'agit de concevoir votre site Web, vous avez besoin d'un différenciateur visuel pour que lorsque les utilisateurs viennent sur 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 joli à regarder. Associez-le à un texte irrésistible qui donne envie de s'engager dans le design. Osez être audacieux, différent et intéressant.
Conclusion
La conception de votre 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 de rafraîchir la conception avec un style de fond plus moderne. Utilisez les exemples ci-dessus comme source d'inspiration pour essayer quelque chose de différent et créer quelque chose qui pourrait même être en dehors de votre niveau de confort.
