5 principes de base de la conception graphique que vous prenez au quotidien

Publicité

À l'ère visuelle d'Internet, il est relativement facile de créer vos propres créations graphiques, mais elles n'ont pas besoin d'avoir l'air maison.

Que vous conceviez un logo, une annonce d'événement, une bannière de réseau social, un papier à en-tête ou une newsletter par e-mail; vous devez absolument connaître cinq principes de base de la conception graphique. La graphiste et auteure à succès Robin Williams explique ces principes dans son livre classique, Le livre de conception des non-concepteurs.

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 spectateur / lecteur vers différentes parties du message. Remarquez ci-dessous dans le modèle à gauche, extrait des pages d'Apple, les éléments associés sont regroupés, par opposition à l'agencement linéaire des conceptions amateurs comme illustré à droite.

Bien qu'au début les éléments puissent apparaître dispersés, 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 une conception existante.

Alignement

Un autre principe de conception important consiste à aligner les éléments dans un agencement visuel et lisible. La plupart des designers amateurs commencent par aligner tout au centre de la page, mais ce n'est pas la seule façon. Encore une fois avec la conception d'aspect «dispersé», nous pouvons voir l'alignement des éléments qui aide à garder la conception équilibrée. Le groupe supérieur de texte 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 vous semble pas correct, jouez avec l'alignement et voyez si le design peut être amélioré.

Répétition

Comme l'utilisation de crochets répétitifs dans une chanson, les éléments répétitifs dans une conception graphique peuvent être visuellement attrayants. 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 en carrés répétitifs, ainsi que l'utilisation de rouge répété coups au-dessus du mot "PANE". La répétition met l’accent sur des éléments particuliers d’une conception et attire l’attention du lecteur sur ces éléments.

Contraste

Le contraste entre les éléments de conception peut faire ressortir une présentation et se faire remarquer. Prenons par exemple ce modèle original du site de design graphique personnel, Canva.com Faire de beaux designs en toute simplicité avec Canva [Inscription et crédit gratuit]Et si une application promettait de permettre à quiconque de créer des designs esthétiques? Et si créer un design vraiment beau n'était qu'une question de glisser-déposer? Lire la suite . Les éléments de la conception sont regroupés, avec un fort alignement et répétition des flèches et des puces. Mais à certaines fins, le design original pourrait être un peu plat.

L'ajout de contraste de couleur fait ressortir le design 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 de la coche 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

Selon la présentation, l'utilisation de l'espace blanc peut être très puissante dans la conception. Il est utile lorsque vous souhaitez envoyer un message direct, de vous démarquer du fouillis que l'on trouve dans de nombreuses conceptions graphiques. Dans ce modèle de carte de visite Canva, l'espace vide permet de 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 garde de ce modèle de proposition de projet Pages. L'espace blanc laisse place au style de police propre du titre, des éléments graphiques et du texte groupé. N'ayez pas peur de laisser des espaces blancs dans votre design. Comme le souligne Robin Williams, l'espace blanc peut également être une forme de contraste.

Apprentissage des principes graphiques

Je ne suis pas graphiste, mais il y a des années, j'ai beaucoup appris en travaillant les exercices du livre de Robin Williams. Canva.com fournit également plusieurs didacticiels de conception qui couvrent les principes de base ci-dessus et plusieurs autres techniques de conception. Le site permet aux utilisateurs de personnaliser facilement les modèles et d'enregistrer les 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 apprendre la conception graphique.

Sur quels projets de design avez-vous travaillé récemment?