Menu icoMenu232Dark icoCross32Dark
Retour
Marine D'AssoConnect
Le 18 mai 2018
Comment créer une belle affiche pour votre association ?

ABONNEZ-VOUS À NOTRE NEWSLETTER

Abonnez-vous à notre newsletter
icoCross16Dark

Comment créer une belle affiche pour votre association ?

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.

Voici mes conseils en vidéos, détaillés ci-dessous :

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 !

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 :

storage?id=322558&type=picture&secret=QnFbCWav54k7ifZRCAy3N0M3aUftLkomPB0qQXTr&timestamp=1526620260

Et ce qu'il faut faire :

storage?id=322557&type=picture&secret=4ZihhvFqXv9PzDVmRp0gAlj3DYZvJ34CK0apzWeO&timestamp=1526620233

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.

storage?id=322559&type=picture&secret=KiRFd9YhmKwwCyTKY9UYhfvxIAlhYA6vGPQ7qrc8&timestamp=1526620548

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 l'extension ColorPick Eyedropper 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 ColorPick Eyedropper :

storage?id=322560&type=picture&secret=evsqWvMjGAWpyBWiWcQVCF8L6KRPk4Uz4MHt7nao&timestamp=1526620688

Je copie le code "0096D6" 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.

storage?id=322561&type=picture&secret=9C8mnUZg6A0c8YVCGA0OpZ3fJpuAR3BTyo9FVDlG&timestamp=1526620717

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.

storage?id=322562&type=picture&secret=6Ljpq657bP7HStFGmGWkJZosftgcbXF2JubzJ4Kk&timestamp=1526620864

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.

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 :

storage?id=322563&type=picture&secret=o4sgktsKveYzHd2DrxvmhjDtsgthpny8aZaed5jL&timestamp=1526621000

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.

storage?id=322564&type=picture&secret=5uz3BuNZYod0lXLEuZVdQn7sS5aqnuLilxUsrJUa&timestamp=1526621108

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.

storage?id=322565&type=picture&secret=bSUnoBZ0oDtnhTGhlzHPv1IoKOiWs6l728Wdw4DE&timestamp=1526621134

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 :

storage?id=322566&type=picture&secret=5uJPylCP9qdCObIweT0fQahYgjau4lBoJVvePZiO&timestamp=1526621262

Etes-vous bien d'accord que la meilleure solution est celle de droite ?

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.

storage?id=322567&type=picture&secret=9QtIbtlY9TvJqEOkTj4J7G58aaqrf0fIkza6OETn&timestamp=1526621304

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).

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.

storage?id=322569&type=picture&secret=Bg6HIlN275FvaJz5khoc8oLK0BQK77m4HFlgnz4i&timestamp=1526621494

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 :

storage?id=322570&type=picture&secret=61ZJtv3Rskx9XqQSIKcWGomkrqcxi2NKCwglTTky&timestamp=1526621529

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.

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.

storage?id=322571&type=picture&secret=J1vyeJQadGwPTBo0Cm6VAUrDfiF3Tdw4BET5GvD7&timestamp=1526621617

Enfin, le site Canva (www.canva.com) 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.

storage?id=322572&type=picture&secret=pjBERupjdjuJeR52b87Icgu2WcBSOQ3hohI2sNrI&timestamp=1526621666

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 !

storage?id=322573&type=picture&secret=xaS1RLQRqSQX0sU4LxH93npEV3otpl3aGZ3TiX2o&timestamp=1526621709
Découvrez davantage d'articles sur ces thèmes :
AssoConnect Communication Outils
5 commentaire(s)
Aucun commentaire pour le moment.
Consultez également
Gouvernance 1 : contrôler et équilibrer les pouvoirs

Gouvernance 1 : contrôler et équilibrer les pouvoirs

1ère dimension abordée de ce qui fait la gouvernance : le contrôle et l’équilibre des...

Pascal de Compétence Bénévolat
25 novembre 2018
Organiser la prospection de candidats bénévoles en interne

Organiser la prospection de candidats bénévoles en interne

Lorsque l'association a besoin de nouveaux bénévoles, nous conseillons aux responsables du...

Isabelle Persoz
15 novembre 2018
Que veut-on dire par la ‘’gouvernance<br />
associative’’ ?

Que veut-on dire par la ‘’gouvernance
associative’’ ?

L’expression est assez récente et fait écho à l’actualité économique américaine ; des grands...

Pascal de Compétence Bénévolat
9 novembre 2018
Le guide du dirigeant d'association - édition 2018

Le guide du dirigeant d'association - édition 2018

Nous sommes heureux de partager avec vous, notre guide (édition 2018) dédié aux dirigeants...

Jean-Thierry Tavernier
26 septembre 2018
Comment s'appuyer sur Internet pour mobiliser les bonnes volontés ?

Comment s'appuyer sur Internet pour mobiliser les bonnes volontés ?

Un Français sur quatre est bénévole dans une association. Environ 40% pourraient les rejoindre,...

Cécile Bazin
25 septembre 2018
Faire connaître la<br />
richesse du secteur associatif

Faire connaître la
richesse du secteur associatif

Salariés, bénévoles et partenaires des associations savent bien à quel point elles sont utiles,...

Cécile Bazin
25 septembre 2018
Fermer En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies et notre Politique de Confidentialité. En savoir plus