Utilisation de principes de conception pour créer des illustrations vectorielles exceptionnelles

Faire une image est assez simple, mais faire une image qui se démarque de la foule est plus scientifique que de la chance. Avec la bonne combinaison d'esthétique et de design, vous pouvez transformer une bonne idée en une excellente illustration. Aujourd'hui, nous allons examiner neuf principes de conception différents et comment les appliquer au monde de l'illustration..

Au fil des ans, je me suis demandé pourquoi certaines de mes illustrations étaient plus populaires que d’autres et ce qui en fait une bonne illustration. Il y a plus que quelques réponses à cette question, parfois c'est le sujet, et d'autres fois c'est la promotion, mais le plus souvent c'est la conception.

Ces derniers jours, j'ai littéralement examiné des centaines, voire des milliers, d'illustrations pour voir exactement ce qu'il faut pour réaliser un travail gagnant. Le seul facteur sur lequel je revenais sans cesse était le design. Vous trouverez ci-dessous une liste des principes de conception et de la manière dont ils peuvent être utilisés pour améliorer vos illustrations..


Proximité

La proximité est la disposition des éléments qui se lient les uns aux autres pour former un regroupement visuel. En plaçant différents éléments à proximité, une relation est impliquée. L'exemple ci-dessous montre comment les différents symboles de la musique, de la nourriture et des activités ont été placés à proximité pour créer une image plus grande. En regardant l'arrangement, vous verrez que chaque élément fonctionne ensemble pour raconter une histoire visuelle. Si vous placiez les éléments côte à côte, le message de l'illustration serait perdu..

Concours Terras Gauda par L.E.GR?FICO


Hiérarchie visuelle

La hiérarchie visuelle est obtenue en créant un point focal en organisant les éléments de sorte que le concept le plus fort soit vu en premier, puis que les éléments suivants soient vus par ordre d'importance. L'illustration ci-dessous est un bon exemple. Une forme pyramidale est souvent utilisée pour montrer la hiérarchie en plaçant l'élément le plus important en haut et en impliquant une relation avec les éléments ci-dessous en fonction de leur position. Plus l'élément est proche du bas, moins il devient important. L'emblème "Colonel" au sommet de la pyramide pourrait être utilisé comme une image à part entière, mais l'accent est mis sur l'utilisation de la hiérarchie, du concept et de l'impact visuel. En fait, l'image n'est qu'en Suisse avec l'inclusion de l'élément du haut et le sens de l'illustration serait perdu si vous ne montriez que la ligne du bas des éléments.

Plus haut rang de Glenn Jones


Symétrie / Asymétrie

Symétrie et asymétrie placent des éléments les uns par rapport aux autres pour créer une unité et un équilibre. Le premier exemple ci-dessous montre comment la mise en miroir verticale de l'image apporte à l'image un équilibre et une stabilité. Les formes géométriques fonctionnent ensemble et créent des éléments de symétrie supplémentaires dans le point de focalisation principal.

Le deuxième exemple montre comment fonctionne l'asymétrie. La figure de gauche est équilibrée par les trois figures empilées de droite. Bien que leur apparence puisse être différente, la largeur et la hauteur similaires des côtés gauche et droit créent une harmonie visuelle..

Gazelle Poster par Kronk

Jolly Cream de Henriquepl


Répétition

La répétition utilise des éléments répétitifs pour améliorer le sens et apporter un intérêt visuel à une image. L'illustration de la moto ne serait pas aussi intéressante sans les oiseaux. En utilisant l'oiseau comme élément répétitif, le vélo prend une nouvelle forme et invite le spectateur à méditer sur le sens.

Birdcycle de Robert Lee


Unité

L'unité est mieux décrite par une combinaison d'éléments qui créent une harmonie visuelle. L'illustration ci-dessous utilise l'unité comme moyen de rassembler une collection d'éléments de manière apparemment aléatoire, mais si vous examinez de plus près, vous remarquerez qu'il s'agit d'un motif. Les éléments répétitifs de la conception créent un équilibre et nouent les éléments de manière agréable.

Boissons de Konstantin Shalev


Contraste

Le contraste est utilisé pour mettre en évidence une partie spécifique d'une illustration ou d'un dessin à l'aide d'éléments opposés, tels que la lumière et l'obscurité ou les dimensions grandes et petites. Dans l'exemple ci-dessous, le contraste est obtenu en ajoutant de la couleur au point focal sur une image en noir et blanc. Le rouge souligne le visage de la figure et est soutenu par des éléments plus petits d'un rouge légèrement plus foncé qui déplacent l'œil du spectateur autour de l'image..

Hiddenmoves x Machine56 de Rajaya Yogaswara & Rhys Owens


Dynamique

La dynamique est utilisée pour suggérer le mouvement, le flux et la direction, elle est également utilisée pour créer des émotions telles que le repos, la colère ou le bonheur. L’image ci-dessous met l’accent sur la dynamique tout en utilisant des lignes et de la lumière pour donner une impression de liberté et d’énergie à l’image du danseur. La dynamique de l'illustration rend très facile d'imaginer la danseuse qui prend vie et se déplace sur la page..

La danse de Tony Ariawan


Accentuation

L'accent est mis sur l'utilisation d'un point focal dominant dans une composition. L'illustration ci-dessous utilise le monstre fixé sur le fond sombre de la grotte comme point central, puis les éléments de support de l'or et des mineurs sont utilisés pour donner un sens à l'illustration. Les deux éléments se complètent pour créer une composition intéressante, l'élément d'accent étant utilisé pour transmettre le sens de l'image de manière simple à comprendre..

Deadly Goldmine par Andreas Krapf


Être impliqué!

Dans le prolongement de cet article, je vous invite à soumettre vos propres exemples. Trouvez une illustration que vous admirez et écrivez pourquoi vous l'aimez et quel principe de conception il tomberait, puis laissez-la sous forme de message dans la section commentaires ci-dessous. S'amuser!