5 principes de base de la conception graphique que vous prenez pour acquis tous les jours

À l'ère visuelle d'Internet, il est relativement facile de créer vos propres conceptions graphiques, mais il n'est pas nécessaire qu'elles aient l'air d'être faites maison..

Que vous conceviez un logo, une annonce d'événement, une bannière de réseau social, un en-tête de lettre ou un bulletin d'information par courrier électronique; vous devez absolument connaître cinq principes de base de la conception graphique. Designer graphique et auteur à succès, Robin Williams explique ces principes dans son livre classique, Le livre de design du non-designer.

Aujourd'hui, nous donnerons un aperçu de ces principes à l'aide de quelques exemples contemporains..

Proximité

La proximité signifie regrouper des éléments afin de guider le téléspectateur / lecteur vers différentes parties du message. Remarquez ci-dessous, dans le modèle de gauche, tiré des pages d'Apple, les éléments associés sont regroupés, par opposition à la disposition linéaire des conceptions amateurs illustrée à droite..

Bien que les éléments puissent sembler dispersés au début, leur proximité ajoute unité et continuité à la page. Même si vous avez l'intention de vous en tenir aux modèles, il est toujours utile de connaître les principes de conception afin de personnaliser un modèle existant..

Alignement

Un autre principe de conception important consiste à aligner les éléments de manière visuelle et lisible. La plupart des concepteurs amateurs commencent par tout aligner au centre de la page, mais ce n'est pas le seul moyen. Encore avec le “épars” recherche de design, nous pouvons voir l’alignement des éléments qui aide à garder le design équilibré. Le groupe de texte supérieur est aligné à gauche et trois éléments de texte plus grands sont alignés verticalement.

Il est important d'être cohérent dans l'alignement des éléments. Lorsque vous regardez le design et que quelque chose ne va pas, jouez avec l'alignement et voyez si le design peut être amélioré.

Répétition

À l'instar de l'utilisation de crochets répétitifs dans une chanson, la répétition d'éléments dans un graphisme peut être visuellement attrayante. Dans les deux exemples ci-dessous, une liste numérotée est utilisée, mais il y a aussi la répétition des cercles bleus qui font une déclaration plus audacieuse..

Dans la disposition de droite, l’image du sandwich est recadrée et masquée par des carrés répétés, ainsi que l’utilisation de traits rouges répétés au-dessus du mot. “VITRE.” La répétition met l'accent sur des éléments particuliers d'un dessin et attire l'attention du lecteur sur ces éléments..

Contraste

Le contraste entre les éléments de conception peut permettre à une présentation de se distinguer et d’être remarquée. Prenons, par exemple, ce modèle original du site de graphisme personnel, Canva.com Créer de superbes conceptions de manière simple avec Canva [Inscription et crédit gratuit] Créer de superbes créations de manière facile avec Canva [Inscription et crédit gratuit] Et si une application promettait de rendre possible pour quiconque de créer des dessins esthétiquement agréables? Et si créer un design vraiment magnifique était juste une question de glisser-déposer? Lire la suite . Les éléments de la conception sont regroupés, avec un alignement fort et la répétition des flèches et des points de balle. Mais à certaines fins, le design original pourrait être un peu plat.

L'ajout de contraste de couleur rend le design éclatant et attire l'attention sur des parties importantes de la présentation et du message..

Remarquez un autre contraste: les deux flèches sont suivies du contrôle dans le cercle qui envoie un message visuel. La couleur de cet élément pourrait également être modifiée pour ajouter du contraste.

Espace blanc

En fonction de la présentation, l’utilisation des espaces peut être très puissante dans la conception. C'est utile lorsque vous voulez envoyer un message direct, pour vous démarquer du fouillis que l'on retrouve dans de nombreuses conceptions graphiques. Dans ce modèle de carte de visite Canva, l’espace vide aide à clarifier le message..

Un lecteur de carte voit d'abord l'élément graphique, puis le nom du propriétaire, suivi des informations de contact. Les éléments de la carte sont équilibrés et épurés.

Il en va de même pour la page de couverture du modèle de proposition de projet de ce projet Pages. L'espace blanc laisse de la place au style de police propre du titre, des éléments graphiques et du texte groupé. N'ayez pas peur de laisser des espaces dans votre conception. Comme le souligne Robin Williams, les espaces peuvent aussi être une forme de contraste.

Apprendre les principes graphiques

Je ne suis pas un graphiste, mais il y a des années, j'ai beaucoup appris des exercices du livre de Robin Williams. Canva.com propose également plusieurs didacticiels de conception couvrant les principes de base ci-dessus et plusieurs autres techniques de conception. Le site facilite la personnalisation des modèles et la sauvegarde des conceptions pour une utilisation ultérieure..

Essayez d’appliquer les principes ci-dessus à votre prochain projet de conception graphique et faites-nous part de vos réflexions, idées et conseils pour l’apprentissage de la conception graphique..

Sur quels projets de design travailles-tu récemment??

En savoir plus sur: Conception assistée par ordinateur, Art numérique.