Parlez visuellement. Recevez des conseils pratiques sur votre communication visuelle
directement dans votre boîte de réception.
Les motifs géométriques sont une collection de formes, répétées ou modifiées pour créer un design cohérent. Même si vous connaissez la signification des formes, vous ne savez peut-être pas par où commencer. Ici, nous avons répertorié 40 excellents exemples pour vous aider à relancer vos idées de design, avec des conseils sur la façon de les appliquer.
C’est parti !
Différentes formes peuvent évoquer différentes significations. Selon Siddanth Pillai, les formes les plus courantes (rectangles, cercles, triangles, losanges et hexagones) peuvent être décomposées comme ceci :
Combiner ces formes de différentes manières peut créer des significations entièrement nouvelles. Par exemple, créer quelque chose à partir de rectangles et de triangles pourrait souligner un appel au retour à la tradition.
Mais peut-être que vous ne voulez pas faire quelque chose de complexe ; peut-être aimeriez-vous simplement utiliser des formes pour donner à votre site ou produit un peu plus de vitalité, quelque chose qui le fait se démarquer et lui donner un aspect plus professionnel. Si tel est le cas, les motifs géométriques pourraient être faits pour vous.
Les formes simples, à elles seules, peuvent être attrayantes. Cependant, utiliser une variété de formes pour créer une image complète peut fonctionner encore mieux. Landshape de Liam Brazer illustre bien cela, en utilisant diverses formes pour créer un paysage vibrant. Gardez à l’esprit le type de formes qui conviendra à votre sujet et vous pourrez créer quelque chose de spectaculaire.
Tous les motifs géométriques ne doivent pas nécessairement être symétriques ; parfois, créer quelque chose dont les formes et les lignes diffèrent dans tous les domaines peut créer un effet saisissant. Cette affiche illustre bien le concept, avec des superpositions et des triangles dépareillés des deux côtés pour créer quelque chose de plus unique.
Les motifs géométriques peuvent être un excellent moyen créatif de pimenter des photos ordinaires. Par exemple, Sorry Colour prend diverses photos et les colle dans des formes. Le collage offre finalement une expérience totalement différente et unique, donnant aux images plus de personnalité que si elles étaient exposées seules.
Les ombres et les reflets peuvent être utilisés pour améliorer les formes et parfois les créer, comme le montre Seth Nickerson. Testez ce que vous pouvez faire avec les ombres dans vos propres motifs, depuis la création d'une forme presque 3D jusqu'à attirer l'attention sur certaines parties de l'image.
Nous avons déjà exploré comment les formes peuvent créer des images ; explorer la manière dont ces formes se connectent peut créer des effets nouveaux et intéressants. Par exemple, Work Hard utilise une variété de formes géométriques et crée une image fluide en les reliant de différentes manières, par exemple en reliant les bords du titre et la forme de la tête de l'individu.
Essayez de créer un collage à partir de différentes formes, quelque chose qui guide les utilisateurs et rend votre motif plus agréable à regarder. Neo Lab, par exemple, utilise des diamants de différentes tailles, reliés par leurs côtés.
Les diagonales créent un chemin clair à suivre pour l’œil, offrant l’avantage d’un design cohérent. Finnish Summer en est un merveilleux exemple, utilisant des motifs diagonaux pour créer une belle juxtaposition d'images et de couleurs.
Les motifs isométriques, ou les motifs qui semblent tridimensionnels, peuvent vraiment faire ressortir une image s'ils sont utilisés correctement. Isometric Exhibition en offre un excellent exemple, utilisant des couleurs dures pour créer l'illusion que les formes ressortent de la page. Utilisé avec parcimonie et de manière créative, cela peut attirer l’attention sur des éléments ou des mots spécifiques.
Si vous souhaitez vraiment développer votre créativité, essayez d'utiliser la police elle-même pour créer vos motifs. Next Level, par exemple, utilise une variété de triangles et de lignes dures pour créer un effet irrégulier. Créer des modèles de cette manière peut vous aider avec le ton que vous souhaitez pour votre site ou votre produit.
Alors que l’asymétrie crée un look plus fluide et plus amusant, la symétrie peut être utilisée dans des motifs géométriques pour créer quelque chose de plus élégant. ICP le met parfaitement en valeur, en particulier sur la couverture, où la moitié supérieure de l'image reflète parfaitement la moitié inférieure.
Si vous voulez quelque chose de plus complexe, inclure des motifs géométriques dans des formes déjà existantes peut être la solution. Les exemples en haut à gauche et en bas à droite de cette page sont d'excellents exemples, l'un utilisant des carrés pour héberger des motifs, l'autre utilisant des cercles.
À l’inverse, tout n’est pas nécessairement complexe : des formes simples peuvent être tout aussi attrayantes. Les cartes de remerciement Astrobrights sont d'excellents exemples, utilisant seulement quelques formes et lignes pour créer des images attrayantes.
Les lignes sont les éléments les plus fondamentaux de toute forme ; les utiliser de manière créative peut aider à créer de nouveaux effets et créer un flux agréable entre les images et les informations.
Europa en est un excellent exemple, utilisant des lignes simples pour créer une bougie, y compris la cire fondante ! Planetary Folklore en est un autre, créant un cercle à l'intérieur des lignes. Expérimentez avec des lignes simples et voyez ce que vous pourriez créer.
Les modèles en eux-mêmes sont excellents ; les modèles utilisés pour relier les images sont encore meilleurs, surtout lorsque ces modèles sont tous liés les uns aux autres.
Prenez ADMCi, par exemple ; les images ont toutes un lien grâce à des couleurs et des motifs similaires qui bordent leurs bordures. Choisir un modèle et l’appliquer de manière appropriée peut relier des sujets autrefois disparates et identifier des produits comme étant « les vôtres ».
Tout le monde aime une bonne palette de couleurs ; les dégradés géométriques peuvent améliorer cela, faisant ressortir un arrière-plan dégradé ou une image.
Carnival, par exemple, utilise des dégradés simples entre les formes, dans certains cas les faisant presque se mélanger, et dans d'autres les faisant ressortir encore plus.
Si les motifs géométriques peuvent créer des images, pourquoi ne pas aller plus loin et créer un personnage avec eux ?
Cubist Superheroes utilisent des modèles pour former des individus déjà familiers, mais vous n'êtes pas obligé de vous en tenir aux personnages existants. Pourquoi ne pas essayer de créer une mascotte à partir de formes géométriques simples, de créer un guide simple à partir de celles-ci et de voir où cela vous mène ?
Les formes peuvent être utilisées pour combiner plusieurs images différentes, de manière à la fois attendue et inattendue.
Par exemple, Jelle Martens combine plusieurs paysages différents pour créer des collages intéressants. Expérimentez quelles images pourraient bien fonctionner ensemble (et comment elles pourraient changer l'image dans son ensemble) et utilisez différentes formes pour que le tout s'assemble.
Les formes peuvent être incroyablement efficaces si elles sont utilisées pour ressembler à certaines actions ou conséquences. Par exemple, Triangle utilise un certain nombre de triangles, vous l'aurez deviné, pour reproduire l'effet d'un verre brisé. Utiliser des formes comme celle-ci peut ajouter du sens et du dynamisme aux images ; cela crée une image surprenante.
Si vous souhaitez quelque chose d'un peu plus subtil, essayez de vous en tenir à un arrière-plan géométrique simple, comme celui trouvé ici. Ceux-ci peuvent ajouter un peu d’enthousiasme à un site web ou à une présentation, sans être trop évidents ni trop distrayants.
Parfois, il suffit d'une simple astuce pour créer de la complexité : par exemple, en superposant deux formes, illustrées par Wanderlust. L’image ne comprend que deux hexagones, mais le chevauchement lui donne un aspect plus complexe et raffiné. Expérimentez la façon dont différentes formes se chevauchent et voyez ce qui pourrait fonctionner pour vous.
Essayez de donner un but à votre modèle en le reliant directement au sujet. Par exemple, La Fête du Citron à Menton utilise un motif de feuilles pour entourer un citron, reflétant le sujet.
Vous pouvez créer des motifs dans les lettres, si la création de motifs avec les lettres elles-mêmes est trop chargée pour vous.
Par exemple, inclure des lignes simples sur le côté de la lettre. Un didacticiel simple à utiliser avec Adobe Illustrator est disponible ici.
Vous pouvez utiliser des motifs pour modifier des parties d'une image déjà existante. Geometric Photography, par exemple, utilise des formes pour se déplacer là où se trouvent certaines parties de l'image. Le déplacement de différentes parties d’une image peut créer un effet différent et créer quelque chose d’assez original.
Chaque fois que vous utilisez des couleurs avec des motifs géométriques, vous devez vous assurer que celles-ci fonctionnent bien ensemble, surtout si elles se trouvent sur des formes qui se bordent.
Le deuxième arrière-plan de cette page en est un excellent exemple, combinant du vert foncé et de l'orange pour un look sérieux et professionnel. Un mauvais choix de couleurs peut être distrayant, alors révisez la théorie des couleurs et testez l'apparence des différentes formes colorées les unes par rapport aux autres.
Trouvez des formes qui s'emboîtent et s'assemblent bien, et qui créent un tout plus homogène, plutôt que quelque chose qui semble assemblé. Ultra est un merveilleux exemple, où chaque forme se connecte les unes aux autres lorsque vous faites défiler la page.
Vous pouvez utiliser de nombreux styles et formes différents pour créer quelque chose qui vous est entièrement personnel. Par exemple, vous pouvez utiliser des formes qui créent l'illusion d'un reflet, comme dans ce cas. La combinaison de différentes formes, éclairages et couleurs peut produire différents effets et illusions et vous donne beaucoup de matériel avec lequel travailler.
Une bordure est un bon moyen de rehausser une image avec des formes, sans que cela soit trop gênant. Prenez Zeppe, par exemple, qui utilise un motif géométrique pour se concentrer sur son nom.
Grâce à la technologie, nous avons l'avantage d'améliorer divers motifs géométriques pour Internet, comme, par exemple, en ajoutant une animation simple et alternée entre deux motifs géométriques.
Noir en est un excellent exemple, car il utilise un simple GIF pour basculer entre un ensemble de lignes et un autre, créant ainsi l'illusion de mouvement.
Tout ne doit pas nécessairement être évident ; les formes subtiles peuvent être tout aussi efficaces, comme l'illustre Itaú Internacional, dont les formes se fondent presque dans l'arrière-plan. Ce flux donne un aspect plus professionnel, tout en ajoutant une certaine créativité.
Vous pouvez apporter une touche spéciale grâce à une figure géométrique bien réfléchie. Que ce soit des motifs abstraits ou non, cela vous permet de créer un contraste naturel.
Les modèles sont un excellent moyen de séparer et de catégoriser les informations, ce qui facilite leur recherche par les utilisateurs.
Renováveis, par exemple, place chaque bloc d'informations entre des lignes diagonales. Nasty Creatures adopte une approche légèrement différente, chaque lien se trouvant dans une goutte distincte du « monstre ».
L'art traditionnel fait appel à la nostalgie et vous permet de créer quelque chose d'un peu plus personnel, comme avec ces vecteurs en noir et blanc.
Les motifs et les lignes sont très efficaces pour attirer le regard sur certains éléments. Oli Lisher, par exemple, utilise des lignes pour attirer l'attention sur le mot « portefeuille », puis des encadrés dans des exemples de mots. Pensez aux éléments de votre travail que vous aimeriez mettre en valeur et utilisez des formes pour attirer le regard vers eux.
Vous n’êtes pas obligé de vous en tenir à un seul modèle : en utiliser plusieurs rend l’image plus stratégique. Showreel en est un excellent exemple, utilisant une variété de cercles, d'éclaboussures et d'autres formes sur l'ensemble de leur site.
Personne ne dit que vous devez vous en tenir aux cercles, carrés et triangles standards ; un design pourrait mieux fonctionner en utilisant des formes moins traditionnelles.
Fenix Music, par exemple, utilise des bulles et des éclairs pour mettre en évidence certains éléments, un design qui fonctionne mieux en raison du lien avec le sujet.
Les lignes sont excellentes pour attirer le regard sur les éléments ; pourquoi ne pas les utiliser pour créer une toile entre différents sujets, comme le fait le Kikk Festival ? Utilisez-le pour établir des liens entre plusieurs sujets, créer un design plus attrayant ou tout autre chose.
Les modèles complexes sont excellents, mais un trop grand nombre peut être écrasant. Fiore fournit un exemple intéressant : ils utilisent des plantes très détaillées comme motif, certains des designs les plus attrayants étant limités aux petits espaces. Sachez comment et où utiliser votre modèle et vous aurez plus de chances de retenir l’attention de vos utilisateurs.
Tous les motifs n’ont pas besoin de couleur ; le garder en noir et blanc peut être tout aussi attrayant et rendre un motif plus largement applicable. Regardez Helvetimart : le motif est superbe sans couleur, ce qui rend cette dernière inutile.
Si vous voulez quelque chose qui soit « personnel », essayez d’inclure des motifs géométriques que vous voyez sur votre lieu de travail quotidien. Prenez Yamaha, par exemple ; le motif sur leur site web correspond au motif sur leur bâtiment.
Vous n'êtes pas obligé de laisser le motif sur certains sujets : vous pouvez passer à différents produits, comme le fait Amie Bakery, pour rendre le motif plus reconnaissable.
Probablement le conseil le plus simple, mais l’un des plus faciles à oublier : less is more. Il n’est pas nécessaire d’afficher des motifs géométriques sur toute votre page.
The Tea Factory est un excellent exemple de motifs géométriques bien réalisés, en les limitant à leur en-tête. Limitez l’utilisation pour éviter de surcharger l’utilisateur et pour donner plus d’impact aux motifs.
Quels superbes motifs géométriques avez-vous vu ? Vous pouvez facilement les créer directement dans Visme! Créez votre compte gratuit pour commencer à créer et à utiliser des motifs géométriques dans vos propres créations.
Développez votre identité visuelle et votre image de marque, que vous soyez un graphiste expérimenté ou bien un débutant.
Testez Visme gratuitement