Les 17 conseils de conception graphique que tous les non-designers doivent connaître

J'ai une confession à faire…

Je ne suis pas un graphiste de formation. Mais si vous lisez cet article, vous ne l'êtes probablement pas non plus. Et je suppose que tu ne vas pas à l'école d'art de si tôt.

Voici maintenant la bonne nouvelle…

Si vous concevez des images pour des articles de blog, des médias sociaux ou des publicités en ligne, vous n'avez pas besoin d'un diplôme en design graphique. Vous avez juste besoin de comprendre certaines des meilleures pratiques. Et c'est là que j'interviens.

Dans cet article, nous avons rassemblé 17 conseils de conception graphique que tous les non-designers doivent connaître. Si vous les suivez, vous serez sur la bonne voie pour produire des graphismes impressionnants pour tous vos besoins en ligne.

1. Commencez avec une superbe palette de couleurs

Avez-vous déjà remarqué que les meilleurs designs ont tendance à avoir de belles couleurs ? Ce n'est pas un hasard. Choisir une bonne palette de couleurs est l'une des clés d'un bon design.

Maintenant, avant de grincer des dents à l'idée de choisir vos propres couleurs, vous n'êtes pas obligé de le faire. L'utilisation d'un site comme ColourLovers vous donnera accès à des millions de belles palettes de couleurs. Trouvez simplement un code hexadécimal que vous aimez et utilisez-le dans votre conception.

Voici quelques excellentes ressources pour trouver des palettes de couleurs :

• Pigment par Shapefactory
• Refroidisseurs
• Couleur Adobe

Si vous recherchez plus d'idées de palettes de couleurs, consultez notre liste détaillée de ressources pour vous inspirer de la palette de couleurs !

2. Ne vous laissez pas emporter par les polices

Idéalement, vous souhaitez vous limiter à 1 ou 2 polices. Cela vous évite d'avoir à vous soucier des tonnes de combinaisons de polices. Si vous comptez utiliser plusieurs polices, utilisez-en une pour l'en-tête et une autre pour le corps.

3. Ayez un « fichier de balayage »

Ce terme vient du monde du copywriting, mais il est également applicable ici. Un « fichier de balayage » fait référence à des exemples de bonne copie que les rédacteurs voient. Dans notre cas, cela signifiera des exemples de bonne conception que vous voyez.

Prenez ces exemples, stockez-les quelque part (votre ordinateur, boîte de dépôt, etc.), puis rapportez-les lorsque le moment sera venu. À condition de ne pas arnaquer quelqu'un d'autre dans son intégralité, il n'y a pas de honte à emprunter un peu de génie du design.

Si vous concevez des images pour les publicités Facebook, vous voudrez peut-être consulter la galerie de publicités Facebook AdEspresso. Vous pouvez également consulter des sites de conception comme Dribbble et Behance.

4. N'ayez pas peur de faire le vide

Non, pas de blanc dans le sens d'espacement. Au lieu de cela, n'ayez pas peur de laisser un espace vide dans votre conception. Parfois, comme on dit, moins c'est vraiment plus.

Souvent, les conceptions sont tellement encombrées qu'un espace blanc sans rien l'occupant améliorera réellement la conception. Cela peut nécessiter un certain ajustement mental de votre part. Mais avec le bon changement, vous pouvez utiliser ce concept simple pour dépasser les concepteurs apparemment « experts ».

Si vous voulez une leçon sur l'utilisation des espaces blancs, regardez n'importe quelle image marketing créée par Apple.

5. Alignez vos objets

Cela aide à garder les éléments de conception dans un ordre présentable, quelles que soient leurs tailles différentes. Un alignement correct est un moyen facile de donner à vos images un aspect sophistiqué et professionnel.

Lorsque vous faites glisser des éléments dans Snappa, des lignes de grille apparaissent automatiquement, ce qui facilite l'alignement des objets.

6. Utilisez des icônes pour soutenir votre message

Les icônes sont comme le poivre noir. Ils peuvent être saupoudrés sur n'importe quel design que vous préparez. Et les icônes ajouteront du piquant supplémentaire à votre conception, garantissant qu'elle « a bon goût ».

Nous utilisons beaucoup d'icônes pour renforcer le contenu de nos articles de blog. Et si vous voulez apprendre des maîtres, consultez le blog Helpdesk pour plus d'inspiration.

7. Suivez vos propres règles de conception

Des règles, quelles règles ? Ceux que vous vous fixez.

Ce ne seront probablement pas des règles spécifiques. Mais plutôt des cas dans votre conception où vous utilisez un ensemble particulier de couleurs, de lignes, de textures, etc. Si vous êtes fixé sur ce choix, ne vous retournez pas et ne faites pas quelque chose de contraire. Restez cohérent avec vos « règles de conception », pour assurer la cohérence de votre image dans son ensemble.

8. Rincer et répéter

Si vous travaillez avec plusieurs conceptions sur une campagne publicitaire, un site Web ou un autre projet, il peut être plus facile pour vous de simplement rincer et répéter. C'est-à-dire, copiez votre conception, puis échangez simplement les éléments que vous devez modifier. Cela garantit que le format est le même, même si vous modifiez le contenu.

9. Utilisez des variantes de police

Vous pouvez ajouter beaucoup de variété, tout en gardant les choses cohérentes. La clé est d'utiliser le texte d'une seule « famille » de polices.

Un exemple de « famille » de polices serait Arial, qui possède la police Arial de base, ainsi que des variantes comme Arial Black, Arial Narrow et Arial Rounded MT Bold. Ces polices sont toutes différentes. Pourtant, il existe suffisamment de points communs entre eux pour donner une impression de cohérence lorsqu'ils sont utilisés ensemble dans des conceptions.

10. Profitez pleinement des contrastes

L'utilisation de contrastes permet d'ajouter une « attitude » à votre conception et de faire ressortir certains éléments. Il existe également de nombreuses façons de générer des contrastes. Vous pouvez utiliser des couleurs, des polices ou même des espaces contrastés entre les éléments de votre conception.

Pensez-y aussi dans un contexte du monde réel et vous verrez pourquoi cela a du sens. Une personne de sept pieds de haut (le lutteur Andre the Giant, par exemple, ou le basketteur Yao Ming) attire l'attention car elle contraste avec la population générale. Il en va de même pour les éléments contrastés de votre conception.

Si vous souhaitez identifier les couleurs contrastées, utilisez une roue chromatique comme Adobe Color.

11. Utilisez une ligne (ou deux) pour créer un sens de l'ordre

Les lignes aident à ancrer les éléments dans une image et créent le sentiment qu'il existe un ordre global. Utilisez des lignes dans votre image en les plaçant autour de blocs de texte - là en ancrant le texte.

Vous pouvez également mettre des lignes comme « séparateurs » entre divers éléments de l'image. Dans ce dernier cas, le sentiment d'éléments séparés renforce le sentiment de planification et de coordination dans la conception.

12. Planifiez votre conception

Nous mettons cette astuce à mi-chemin de la liste des astuces pour refléter l'endroit où la planification se situe généralement dans le processus de conception graphique de la plupart des gens.

Plutôt que d'avoir la planification comme première étape essentielle, le non-concepteur moyen ne commence à réfléchir sérieusement à ses plans de conception qu'APRÈS qu'il soit bien dans le processus de conception.

La phase de planification n'a pas besoin d'être longue. En fait, cela peut être juste une minute ou deux. Mais si vous savez ce que vous voulez accomplir avant de commencer à concevoir, vous ferez les choses beaucoup plus rapidement.

13. Ajoutez du texte sur les images en ajustant les niveaux de luminosité

Lorsque votre conception implique de placer du texte sur des images, ajustez le niveau de luminosité de l'image d'arrière-plan ou ajoutez une superposition de couleurs. De cette façon, l'image d'arrière-plan compensera la couleur du texte, ce qui rendra le texte lisible et le design restera propre et clair.

Vous pouvez facilement transformer des devis en graphiques avec notre outil de création de devis en ligne gratuit !

14. Structurez soigneusement votre corps du texte

Chaque fois que vous avez un corps de texte (c'est-à-dire des paragraphes), chaque ligne ne doit pas contenir plus de 30 à 40 caractères environ. Cela inclut également les espaces, alors choisissez avec soin.

Si vous dépassez cette longueur approximative, vous courez le risque que les phrases deviennent difficiles à comprendre pour les lecteurs. Et plus court, et vos lignes de texte commencent à ressembler à des morceaux de Tetris, tombant négligemment dans un flux erratique.

15. Pensez à qui vous concevez

À moins que ce ne soit uniquement pour votre plaisir personnel, vous concevez probablement pour un public spécifique. N'oubliez jamais ce « pour qui » ​​pour lequel vous concevez. Cela garantit que vous créez quelque chose que le public visé pour votre conception veut réellement voir et quelque chose auquel il réagira favorablement.

Le contexte compte ici. Un design sombre, terne, voire effrayant – par exemple – ne serait pas le genre de chose que vous voudriez avoir sur un site Web pour un produit haut de gamme et coûteux. La même chose serait vraie par exemple, avec un design trop « enfantin » (dans ses couleurs claires, l'utilisation de lignes ondulées, de dessins animés, etc.) pour un public adulte d'âge mûr.

16. Laisser la forme suivre la fonction

Autant que vous l'avez entendu dire, c'est toujours indéniablement vrai - la forme suit la fonction. Assurez-vous donc de connaître la fonction de votre conception. Sachant que vous pourrez plus facilement arriver à une forme qui fonctionne. Vous aurez une meilleure idée de ce qui appartient à la conception et de ce qui ne l'est pas.

Une page d'accueil, par exemple, conçue pour collecter uniquement les e-mails à l'approche d'un lancement n'a probablement pas besoin d'un carrousel avec des images. Lorsque nous avons eu notre période d'inscription initiale, nous n'avons pas utilisé d'éléments qui ont compliqué notre site Web initial. Au contraire, nous avons adapté la forme du site à sa fonction – qui recevait les e-mails des gens. Ces excellents exemples de conception ont également utilisé cette règle pour augmenter les taux de conversion et améliorer l'expérience utilisateur.

Tout cela revient à connaître le « pourquoi » de votre conception. Et bien réfléchir aussi.

17. Restez simple

Avez-vous déjà vu un film - les films de super-héros et les épopées de science-fiction me viennent à l'esprit - qui a trop d'effets spéciaux. Trop d'explosions, de vaisseaux spatiaux rapides, de robots géants, etc. Finalement, les effets spéciaux se brouillent et masquent la plupart de ce qui se passe ailleurs dans le film. (Nous vous regardons, Transformers .)

C'est la même chose avec votre conception. Si vous en faites trop avec trop d'effets spéciaux comme des ombres et des dégradés de teintes, vous vous dirigerez rapidement vers une image gonflée et esthétiquement atténuée.

Vous pouvez toujours utiliser des "effets spéciaux" de conception. Mais saupoudrez-les par poignée sur votre design, comme vous le feriez avec un peu de vinaigre balsamique sur une salade. Trop de balsamique et cela annule la salade. Et trop d'effets spéciaux et cela annule le reste de votre conception.

Conclusion

Comme vous pouvez le voir, la conception graphique n'a pas besoin d'être difficile. Suivez simplement ces 17 conseils et vous serez sur la bonne voie pour produire de superbes images en ligne.