Comment créer des motifs dans des projets de conception
Pensez au nombre de modèles que vous suivez dans votre routine quotidienne. Du réveil et de la préparation au travail à l'endormissement chaque nuit, la journée est remplie de ces petits éléments récurrents qui créent l'ordre et le calme. Les motifs de conception font la même chose: ces éléments répétitifs peuvent mettre de l'ordre dans un projet et créer un sentiment de calme (ou de chaos) pour donner le ton.
C'est le véritable attrait d'un motif. Il aide à orienter les utilisateurs à travers une esthétique en suivant le modèle ou la série d'objets et indique aux utilisateurs comment interagir avec quelque chose. Les concepteurs peuvent créer des motifs de différentes manières - avec des arrière-plans, des objets, des couleurs, des mots, des panneaux ou en utilisant une combinaison de ces éléments.
Explorez Envato Elements
Qu'est-ce qu'un motif?
"Un arrangement de parties répétées ou correspondantes, de motifs décoratifs, etc." - Collins English Dictionary
Un motif peut inclure n'importe quelle façon de répéter des objets, des mots, des couleurs ou des formes. À des fins de conception, un motif implique tous les éléments où vous pouvez voir une connexion ou une répétition dans l'esthétique globale. Bien que beaucoup supposent que les motifs correspondent à des arrangements ordinaux et symétriques, ce n'est pas toujours le cas. Les modèles peuvent appartenir à n'importe quel tableau; parfois, la désorganisation est le modèle lui-même.
Les motifs peuvent être reconnus par n'importe quel nombre de sens. Les modèles visuels sont souvent plus chaotiques que ceux créés. Les motifs naturels comprennent des spirales, des vagues, des fissures et des rotations. Presque tous les textiles ou motifs parfaits sont créés spécifiquement pour l'harmonie visuelle même si les formes de base sont dérivées de la nature.
Avec des arrière-plans
L'une des premières choses qui me vient à l'esprit lorsque l'on parle de modèles est l'arrière-plan. Rendus populaires par le papier peint (les variétés pour la maison et le bureau), les motifs répétitifs petits ou subtils sont des moyens populaires pour ajouter de la profondeur à l'espace de base dans un projet de conception. Certains concepteurs optent également pour des motifs d'arrière-plan plus grands ou plus audacieux, bien que ce ne soit pas aussi courant. (Trop d'activités en arrière-plan peuvent distraire le message du premier plan.)
Alors, quelles sont les techniques courantes pour créer un motif de fond attrayant?
- Simplicité: les motifs d'arrière-plan simples sont efficaces et ajoutent de la profondeur sans que les utilisateurs ne se concentrent réellement sur cet aspect de la conception. Les meilleurs arrière-plans tombent dans le paysage en soi et ne servent qu'à mettre en évidence la partie principale du design.
- Logos: Pour de nombreuses marques, les petits logos répétitifs sont un style de fond commun. (Bien qu'il y en ait un certain nombre qui surdimensionnent également avec un logo d'arrière-plan.) La répétition de logos peut aider à établir une connexion avec la marque.
- Palette neutre: la couleur est l'un des facteurs les plus courants dans la conception d'arrière-plan. Et les palettes neutres sont extrêmement dominantes. Même avec la tendance à utiliser des images floues pour les arrière-plans - qui est très populaire en ce moment - la couleur et les formes sont floues au point de neutralité, où les objets et les couleurs se fondent les uns dans les autres.
- Symétrie: les motifs d'arrière - plan prennent souvent des formes ordinales. Avec des éléments répétitifs, le motif peut souvent être déplacé, intitulé, inversé ou modifié de plusieurs manières et toujours avoir le même aspect et la même sensation.
- Répétition: les objets répétitifs sont également populaires dans les motifs d'arrière-plan. Cette technique simple peut ajouter de la profondeur à un schéma par ailleurs plat.
En regroupant des objets
Des formes et des objets similaires semblent presque s'aligner les uns sur les autres lorsqu'ils sont utilisés à proximité. Bien que le choix évident pour regrouper des objets pour des motifs soit de regrouper des objets de même forme et taille, ce n'est pas toujours nécessaire.
Dans les images ci-dessus, le portefeuille de Jonathan Patterson crée un motif évident avec neuf boîtes de forme identique qui contiennent des formes de la même taille. Le motif est clair et attrayant. Le motif utilisé dans l'image pour Dots Printhaus est moins «parfait» mais tout aussi évident, avec un ensemble de formes similaires dans différentes tailles.
Cela montre que les objets peuvent être regroupés de différentes manières mais créent toujours une impression de motif:
- Formes similaires
- Formes variables de tailles similaires
- Les formes s'arrangent pour créer un objet
- Formes reliées par des lignes ou d'autres éléments
- Formes avec un nombre similaire de points ou de extrémités
En répétant la couleur
Le motif peut être établi en créant un thème avec des couleurs. Cela inclut des objets ou des éléments de la même couleur ou même de travailler avec des éléments qui ont des «sensations» de couleur similaires, comme la saturation, la légèreté ou la teinte. Les motifs de couleur sont souvent utilisés pour dire aux utilisateurs quoi faire avec un design. Dans la conception de sites Web, par exemple, il est courant que tous les boutons cliquables soient d'une seule couleur. Cela crée un motif esthétique et pour le comportement de l'utilisateur (c'est-à-dire que vous cliquez sur tout ce qui est rouge).
Dans les exemples ci-dessus, la couleur est utilisée de différentes manières. Brand Aid Design utilise la couleur pour distinguer les éléments et créer un motif avec des icônes de formes et de tailles différentes. Ro and Co utilise la couleur pour un arrière-plan et la même tonalité de couleur pour des images plus petites sur tout le site. Cette connexion de couleur relie chacune des images plus petites à la conception globale dans un motif qui n'a aucune symétrie et très peu de distinction évidente.
Utilisez la couleur pour créer des motifs pour:
- Établir une connexion entre les objets
- Créer une idée de l'utilisation d'un design
- Donner un ton visuel
- Ajouter un modèle où il pourrait en exister autrement
- Dessinez les utilisateurs d'un objet au suivant
Avec des mots répétitifs
La répétition de mots peut créer un motif visuel ou auditif. En voyant le même mot encore et encore, vous commencerez à le connecter au design ou au message. (Le site Casper Sleep, par exemple, utilise deux fois le mot «Sleep» dans un design qui contient moins de 20 mots. Il utilise également le nom de la marque deux fois.)
Bay Street Biergarten fait quelque chose de similaire, mais joue sur vous en lisant le site à haute voix. L'image répétée d'un ours et la connexion aux verres à bière et les mots «craft bier» commencent tous à jouer sur le même modèle. Chaque élément du design dit bière. (Intelligent, hein?)
Utilisez également des mots pour créer d'autres modèles:
- Répéter des mots ou des phrases
- Mots qui ressemblent (beaucoup des mêmes lettres)
- Des mots et des images qui disent la même chose
- Plusieurs mots qui ont la même signification
- Mots de longueur similaire (comme de nombreuses phrases longues ou courtes pour créer un rythme)
Avec panneaux de taille similaire
Les tendances de conception telles que les projets de style carte ou les sites Web à défilement de parallaxe ont fait place à des panneaux pour créer des modèles dans des projets de conception. Des groupes de cartes aux tuiles inspirées de Pinterest en passant par les «écrans» défilants, les groupes de panneaux créent des motifs évidents pour les utilisateurs. Ces panneaux établissent les différences et les connexions entre les objets et permettent aux utilisateurs de connaître les changements dans les informations qu'ils voient.
Ces panneaux peuvent être de n'importe quelle forme et taille, verticales ou horizontales, et de différentes couleurs. Le site Web 10 Past Ten fait un excellent travail en établissant des panneaux distincts dans un cadre de parallaxe avec la couleur et le positionnement du produit afin que les utilisateurs puissent clairement distinguer une idée de la suivante. Craftsman Ave. adopte une approche légèrement différente avec un design qui comporte un grand panneau, suivi de panneaux à l'intérieur des panneaux, de manière alternée pour un motif dans un style de motif.
Utilisez des panneaux pour:
- Lier des éléments similaires
- Scénographie
- Créer un flux d'informations
- Établissez la dominance à l'aide de plusieurs images
- Racontez une histoire visuelle
Conclusion
Les modèles peuvent être conçus de différentes manières pour varier l'impact. Créez des motifs qui fonctionnent avec le ton que vous voulez qu'un projet ait. Les groupements symétriques sont organisés et apaisants, les éléments appariés de façon plus aléatoire peuvent se sentir perturbateurs et excités.
Ne vous sentez pas obligé de vous en tenir à un type de modèle. Mélangez et faites correspondre différents types de modèles pour un impact à différents endroits. Différentes parties d'un même projet peuvent inclure différents types de modèles à différents endroits. (Et c'est totalement acceptable.)
