Découvrir assoconnect Essai gratuit

Comment créer une belle affiche pour votre association ?

Nous l'avons évoqué à de multiples reprises, une bonne communication est essentielle à la promotion des activités de votre association.

Que ce soit pour récolter des fonds, ou pour faire venir des participants à un événement, accrocher l'attention de votre cible est un challenge permanent. D'autant plus quand on sait que 50 millisecondes suffisent à une personne pour se faire une opinion !

Il s'agit donc de ne pas commettre d'impair pendant ce court temps d'attention.

Marine, notre designer, nous donne ses conseils :

Dans cet article, vous découvrirez les bases du design pour créer de belles affiches et flyers pour votre association. Nous vous parlerons particulièrement des principes suivants :

Pour ces différents points, nous partagerons des outils simples et gratuits qui vous permettront de les mettre en pratique. Enfin, nous vous présenterons des exemples de mise en application de ces conseils.

Vous verrez que ce n'est pas si compliqué, et que ça change tout !

Un grand merci à Anaïs et Marine pour leur précieuse aide dans la rédaction de cet article.

Vous souhaitez garder une trace de cet article ? Téléchargez notre petit guide du designer !

Je demande mon guide

assoconnect association logo visuel

Harmonie des couleurs : halte aux arcs-en-ciel !

A moins d'être un professionnel du design, il y a une première règle simple à respecter : ne pas utiliser plus de deux couleurs, en plus du blanc et du noir.

Si jamais vous avez besoin de plus de couleurs, n'allez pas en chercher de nouvelles : déclinez les deux couleurs que vous avez choisies en teintes. Donc prenez les mêmes couleurs et rendez-les plus claires, ou plus foncées.

Pour résumer, voici à gauche ce qu'il ne faut pas faire dans le choix des couleurs, et à droite la bonne pratique.

affiche association design harmonie couleurs mauvaise pratique            affiche association design harmonie couleurs

Nous vous l'accordons, ce n'est pas toujours évident de trouver des couleurs, d'autant plus que vous êtes potentiellement limité par les couleurs de votre logo par exemple.

Dans ce cas, pas de panique, des sites existent pour vous aider à trouver des couleurs harmonieuses. Nous vous recommandons par exemple le site coolors.co. Son seul défaut est qu'il n'est malheureusement accessible qu'en anglais, il reste néanmoins assez facile d'utilisation. Si vous avez besoin d'aide pour l'utiliser, dites-le nous dans les commentaires de cet article.

Sur internet et sur des logiciels assez répandus comme PowerPoint, vous verrez souvent les codes couleurs RVB et Hex. Petite explication :

  • Le code RVB désigne Rouge, Vert, Bleu, c'est-à-dire les couleurs primaires qui composent toutes les autres. Parfois, ce code apparait en anglais : RGB (pour Red, Green, Blue). La combinaison de ces 3 couleurs, chacune prenant une valeur comprise entre 0 et 255, permet de créer 16 777 216 couleurs !
  • Le code Hex ou système hexadécimal prend la forme d'une combinaison de 6 chiffres et lettres derrière un #. Les 10 chiffres et les lettres de A à F permettent de créer des millions de couleurs.

Dans les captures d'écrans ci-dessous, réalisées sur PowerPoint, vous voyez apparaitre à la fois la combinaison Rouge, Vert, Bleu et le code Hex pour le noir, le blanc, le rouge, le vert et le bleu.

affiche association design code rvb noir affiche association design code rvb blanc affiche association design code rvb rouge affiche association design code rvb vert affiche association design code rvb noir

Petite astuce au passage, si vous travaillez sur PowerPoint, n'hésitez pas à utiliser la palette qui apparait dans le bas de la fenêtre pour retrouver facilement vos couleurs.

De multiples outils existent pour obtenir le code couleur d'une image, d'un logo ou d'un site par exemple, comme les extensions ColorPick Eyedropper ou ColorZilla sur Google Chrome, ou ColorPicker sur Mozilla.

Cela vous permettra d'avoir les codes de la couleur principale de votre logo. Vous pourrez alors trouver une harmonie de couleurs à partir de cette première couleurs pour refaire par exemple d'identité visuelle de votre site, ou tout simplement créer votre prochaine affiche.

Mise en application

Je souhaite créer une affiche aux couleurs d'AssoConnect pour le prochain atelier que nous animons.

Sur le site d'AssoConnect, je sélectionne le code couleur du bleu du logo grâce à l'outil ColorZilla :

assoconnect site vitrine couleurs association

Je copie le code "316BF2" et je le colle dans coolors.co, puis je clique sur le petit cadenas pour verrouiller cette couleur. Enfin, je fais défiler les couleurs jusqu'à ce que je trouve une harmonie qui me plait.

Attention, je garde en tête de ne sélectionner qu'une autre couleur.

assoconnect palette couleurs

La symbolique des couleurs

Pour finir sur le sujet, gardez en tête que les couleurs véhiculent différents messages. Une affiche noire a beau comporter les mêmes messages qu'une affiche jaunes, elles ne transmettra pas la même chose.

Une piqûre de rappel sur la symbolique des couleurs est toujours utile, même si elle n'est évidemment pas à prendre au pied de la lettre.

design symbolique des couleurs affiche association

Si vous refondez complètement la charte graphique de votre association, passer en revue les différentes significations liées aux couleurs peut être utile pour vérifier que les couleurs choisies sont en accord avec les valeurs et l'ADN de votre association.

Maintenant que vous maitrisez les basiques de la couleur, il est temps de passer à la suite.

assoconnect association clarte message communication

Lisibilité des textes : la clarté avant tout

Si vous avez passé du temps à réfléchir au contenu de votre affiche, il serait dommage que votre prose soit difficile à lire.

Prêtez donc une attention particulière à la lisibilité de vos contenus.

Là encore, des règles simples s'imposent.

  • Commencez par bannir les polices fantaisistes. Le choix quasiment infini de polices est tentant, néanmoins, l'adage anglais "simple is beautiful" s'applique en design. La simplicité, en plus d'être simple, est efficace. Si vous voulez véhiculer un côté "fun" ou enfantin, préférez des couleurs vives et des visuels adaptés plutôt qu'une police manuscrite.
  • Evitez les couleurs proches, et trouvez toujours un moyen de créer un contraste entre votre texte et le fond sur lequel il est écrit. Vous préférerez toujours écrire en blanc sur de la couleur, plus visible que du noir sur cette même couleur.

En résumé, voici ce que l'on préconise de faire et de ne pas faire :

polices design affiche association

assoconnect association communication digitale

Hiérarchie visuelle : le tri dans vos informations

C'est humain : mettre toutes les informations est souvent tentant lors de la création d'une affiche ou d'un flyer. Malheureusement, cette solution a de grandes chances de mettre à plat tous vos efforts en rendant votre création compliquée à lire.

Commencez par vous poser les bonnes questions de manière à faire le tri dans les informations que vous allez faire apparaitre dans votre élément visuel. S'il n'y a qu'une information à retenir, laquelle est-elle ?

Cela vous permettra de donner un ordre de lecture clair en hiérarchisant les informations.

Une fois que vous avez déterminé l'information principale, les informations secondaires et les informations complémentaires ou annexes, vous avez à votre disposition deux alliés importants : la taille de la police d'une part, et le gras d'autre part.

  • Le principe de l'utilisation des polices : l'information principale est 2 fois plus grosse que l'information secondaire, elle-même 2 fois plus grosse que les autres informations.
  • Préférez mettre les informations importantes en gras, plutôt que de les souligner. En effet, sur internet, le soulignement indique la présence d'un lien. L'utiliser pour autre chose prêterait à confusion.

En résumé, nous vous recommandons de suivre l'exemple de gauche, plutôt que celui de droite ci-dessous.

design hiérarchie visuelle association affiche

Sachez enfin que l'oeil humain a tendance à lire les informations d'une affiche en suivant la forme d'un "Z". Prenez cet élément en considération lorsque vous réfléchissez à la structure de votre création visuelle.

structure affiche design association

assoconnect association ordre graphique design

Eloignement et alignements des éléments

Avoir beaucoup d'informations à partager n'est pas une raison valable pour tout coller. Un texte aéré est toujours plus agréable à lire.

Vous pouvez comparer votre création à une pièce : de la même manière qu'il est nécessaire de pouvoir circuler entre les meubles, vos images et zones de texte doivent être espacés. La particularité de cette pièce, c'est qu'il ne faut pas non plus coller les meubles aux murs.

Si vous manquez de place (par exemple sur un flyer), vous pouvez envisager trois solutions :

  • augmenter la taille de votre support
  • réduire la taille du texte
  • synthétiser l'information - la solution qui a notre préférence.

Nous vous laissons juge de la solution la plus lisible :

design éloignement affiche association  design éloignement affiche association

La question de l'alignement est importante et a un impact direct sur l'harmonie de votre affiche, de votre flyer ou encore de votre page internet.

Là encore, le principe est simple : il faut aligner les éléments les uns avec les autres de manière à ce que si l'on prolonge les bords d'un élément, il doit rencontrer le bord d'un autre élément. Cette règle s'applique aussi bien pour les textes que les images.

design alignement des éléments affiche association Les éloignements sont les mêmes tout autour de l'image et les éléments sont alignés.

Dernier élément important : les textes qui ne sont pas horizontaux sont à proscrire absolument (ne serait-ce parce que vous ne pourrez pas les aligner avec les autres éléments justement).

assoconnect association charte graphique

Mise en pratique : la preuve par l'exemple

Maintenant que nous avons vu ces grands principes du design, place à l'action.

Nous sommes tombés sur cette affiche il y a quelques temps.

affiche association à refondre

Reprenons les différents éléments :

  • Les polices : elles sont sombres, et il y en a 4 différentes, c'est trop. Il y a des textes de plein de taille différentes.
  • Les éléments ne sont pas alignés entre eux, certains textes sont de travers.
  • Les informations ne sont pas hiérarchisées, il est compliqué de comprendre les informations principales, secondaires, et annexes.

En appliquant les conseils partagés ci-dessus, voilà un affiche qui nous parait plus efficace :

design refonte association

Nous avons fait le tri dans les informations pour ne garder que les informations vraiment importantes.

Nous avons réduit le nombre de couleurs et le nombre de polices utilisées.

Les éléments sont désormais alignés entre eux et l'affiche est bien plus aérée : il est plus facile de faire trouver et retenir les informations vraiment importantes.

Téléchargez notre petit guide du designer et partagez-le aux membres de votre association !

Je demande mon guide

assoconnect association outils digitaux affiches

Des outils gratuits pour aider à la communication de votre association

Pour conclure cet article, sachez qu'il existe des outils accessibles pour mettre en pratique ces principes simples, même sans être un designer très équipé.

Les fonctionnalités de PowerPoint peuvent tout à fait vous permettre de créer des affiches et des flyers corrects. Attention simplement aux alignements et aux marges autour des textes, il faudra potentiellement faire les ajustements à l'oeil.

Si vous n'avez pas de logiciels comme Illustrator ou InDesign (qui sont onéreux), nous vous invitons à découvrir designer.gravit.io qui offre des fonctionnalités proches. C'est limité pour un usage professionnel, mais ce logiciel permet tout de même de faire de jolies choses.

affiche association design

Par ailleurs, le site Canva offre de très bons modèles de créations visuelles, aussi bien pour des affiches que pour des visuels à partager sur les réseaux sociaux. Il donne notamment les dimensions adéquates pour les différents types de visuels que vous souhaitez créer.

La plupart des éléments sont gratuits, sinon vous pouvez également importer vos propres photos, qu'il s'agisse de photos de votre association, ou d'éléments trouvés dans des banques d'images.

Le plus de Canva : il est très intuitif.

affiche association design

Enfin, vous pouvez découvrir l’éditeur en ligne Desygner : un logiciel gratuit qui permet à quiconque, sans connaissance particulière en design, de réaliser une multitude de designs différents : affiches, bannières, invitations, couvertures Facebook, cartes de visite, logos, messages sur les réseaux sociaux, etc.

Vous pourrez choisir de designer votre affiche en partant d'une feuille blanche, ou choisir parmi des milliers de modèles prédéfinis provenant de designers professionnels et les modifier à votre guise.

assoconnect association outil desygner

Desygner propose une version premium pour des fonctionnalités avancées, et une version gratuite. L’éditeur propose aussi des applications pour créer et modifier vos contenus aussi bien sur votre smartphone que votre tablette ou votre ordinateur.

N'hésitez pas à jeter un coup d'oeil à leur article qui vous donnera surement quelques idées pour réaliser votre affiche.

assoconnect association communication marketing

Nous espérons que cet article vous sera utile pour vos prochaines créations.

Surtout, faites des essais, présentez-les à différentes personnes de l'association avant de lancer les impressions, et amusez-vous !

N'hésitez pas à partager vos conseils et réactions dans les commentaires ci-dessous, et surtout partagez cet article à la personne en charge de la prochaine affiche pour votre association !

Téléchargez gratuitement notre livre blanc pour booster la communication de votre association !

Nouveau call-to-action