Pensez au nombre de schémas que vous suivez dans votre routine quotidienne. Que vous vous leviez et vous prépariez pour le travail ou que vous vous endormiez chaque nuit, la journée est remplie de ces petits éléments récurrents qui créent ordre et calme. Les motifs de conception font exactement la même chose: ces éléments récurrents 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 les utilisateurs à suivre une esthétique en suivant le motif ou la série d'objets et leur explique 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.
Qu'est-ce qu'un motif?
Un agencement de parties répétées ou correspondantes, de motifs décoratifs, etc. - Dictionnaire anglais Collins
Un motif peut inclure n'importe quel mode de répétition d'objets, de mots, de couleurs ou de 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. Alors que beaucoup supposent que les modèles correspondent à des arrangements ordinaux et symétriques, ce n'est pas toujours le cas. Les modèles peuvent tomber dans n'importe quel tableau; Parfois, la désorganisation est le modèle lui-même.
Les motifs peuvent être reconnus par un nombre quelconque de sens. Les modèles visuels sont souvent plus chaotiques que ceux créés. Les motifs naturels comprennent les spirales, les vagues, les fissures et les rotations. Presque n'importe quel textile ou motif parfait est créé 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
Une des premières choses qui me viennent à l’esprit lorsque l’on parle de modèles est l’arrière-plan. Les motifs répétitifs petits ou subtils, rendus populaires par le papier peint (variantes de la maison et du bureau), sont des moyens populaires d’ajouter de la profondeur à l’espace de base d’un projet de conception. Certains concepteurs optent également pour des motifs de fond plus grands ou plus audacieux, bien que cela ne soit pas aussi courant. (Trop d'activités en arrière-plan peuvent détourner l'attention du message au premier plan.)
Alors, quelles sont les techniques courantes pour créer un motif de fond attrayant?
- Simplicité: Les motifs de fond simples sont efficaces et ajoutent de la profondeur sans que les utilisateurs se concentrent réellement sur cet aspect de la conception. Les meilleurs arrière-plans s’inscrivent dans le paysage et servent uniquement à mettre en valeur la partie principale de la conception.
- Logos: Pour de nombreuses marques, les petits logos répétitifs constituent un style de fond commun. (Bien que certains d'entre eux aient un logo d'arrière-plan surdimensionné.) La répétition de logos peut aider à établir une relation de marque.
- Palette neutre: La couleur est l'un des facteurs les plus communs dans la conception de fond. Et les palettes neutres sont extrêmement dominantes. Même avec la tendance à utiliser des images floues pour les arrière-plans - ce qui est très populaire actuellement - les couleurs et les formes sont floues au point de devenir neutres, les objets et les couleurs se fondant l'un dans l'autre.
- Symétrie: Les motifs de fond tombent souvent dans des formes ordinales. Avec des éléments répétés, le motif peut souvent être déplacé, intitulé, inversé ou modifié de nombreuses façons tout en conservant le même aspect général.
- Répétition: Les objets répétés sont également populaires dans les motifs de fond. Cette technique simple peut ajouter de la profondeur à un schéma autrement plat.
En groupant des objets
Des formes et des objets similaires semblent presque s'aligner lorsqu'ils sont utilisés à proximité. Bien que le choix évident de grouper des objets pour des motifs soit de regrouper des objets de même forme et de même 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 contenant des formes de la même taille. Le modèle 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 de différentes tailles.
Cela montre que les objets peuvent être groupés de différentes manières, tout en créant une impression de motif:
- Formes similaires
- Formes variables de tailles similaires
- Les formes 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 d'extrémités
En répétant la couleur
Le motif peut être établi en créant un thème avec de la couleur. Cela inclut des objets ou des éléments de la même couleur ou même travailler avec des éléments ayant une couleur similaire? tels que la saturation, la légèreté ou la teinte. Les motifs de couleur sont souvent utilisés pour indiquer aux utilisateurs quoi faire avec un dessin. 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 variables. Ro and Co utilise la couleur pour l'arrière-plan et le même ton pour les images plus petites sur l'ensemble du site. Cette connexion de couleur lie chacune des plus petites images à la conception générale dans un motif dépourvu de 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 dessin
- Donner un ton visuel
- Ajouter un modèle où aucun ne pourrait exister autrement
- Attirer les utilisateurs d'un objet à l'autre
Avec des mots répétés
La répétition de mots peut créer un motif visuel ou auditif. En voyant le même mot à plusieurs reprises, vous commencerez à le connecter au motif ou au message. (Le site Casper Sleep, par exemple, utilise le mot "Sleep" deux fois dans un dessin contenant 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étitive d'un ours et la connexion à des verres à bière et des mots? Craft bier? tous commencent à reproduire le même motif. Chaque élément de la conception indique la bière. (Intelligent, hein?)
Utilisez des mots pour créer des motifs d'une autre manière:
- Répéter des mots ou des phrases
- Mots ayant un aspect similaire (beaucoup de lettres identiques)
- Des mots et des images qui disent la même chose
- Plusieurs mots qui ont la même signification
- Des mots de longueur similaire (comme beaucoup de phrases longues ou courtes pour créer du rythme)
Avec des panneaux de même taille
Les tendances en matière de conception, telles que les projets de type carte ou les sites Web à défilement parallaxe, ont permis aux panneaux de créer des motifs dans les projets de conception. Des groupes de cartes aux carreaux inspirés par Pinterest au défilement? Écrans ,? des groupes de panneaux créent des modèles évidents pour les utilisateurs. Ces panneaux établissent des différences et des connexions entre les objets et permettent aux utilisateurs de connaître les modifications apportées aux informations qu’ils voient.
Ces panneaux peuvent être de toutes formes et tailles, verticales ou horizontales et de couleurs variables. 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 les idées. Artisan Ave. adopte une approche légèrement différente avec un design comportant un grand panneau, suivi de panneaux à l’intérieur des panneaux, alternant ainsi pour un motif de style motif.
Utilisez des panneaux pour:
- Lien comme des éléments
- Définir des scènes
- Créer un flux d'informations
- Établir la domination en utilisant plusieurs images
- Racontez une histoire visuelle
Conclusion
Les motifs peuvent être conçus de différentes manières pour avoir un impact variable. Créez des motifs qui fonctionnent avec le ton que vous souhaitez donner à votre projet. Les groupements symétriques sont organisés et apaisants, des éléments appariés de manière plus aléatoire peuvent être perturbants et excités.
Ne vous sentez pas obligé de vous en tenir à un type de motif. Mélangez et assortissez différents types de motifs pour avoir un impact dans différents endroits Différentes parties d'un même projet peuvent inclure différents types de motifs à différents endroits. (Et c'est totalement acceptable.)