Retour
Corinne Dardelet
Le 28 novembre 2017
Comment créer une belle affiche pour votre association ?

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. 

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 des couleurs bonne pratique

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 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 :

affiche association design principes

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.

design harmonie des couleurs assoconnect association affiche

 

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.

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

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

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

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.

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

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.

affiche association design

 

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 !

Découvrez davantage d'articles sur ces thèmes :
Communication
cta

Besoin d'un logiciel complet ?

Sur AssoConnect, tous vos outils de gestion et de communication sont centralisés en un seul endroit.

Tester gratuitement
0 commentaire(s)
Aucun commentaire pour le moment.
Consultez également
6 bonnes raisons de réaliser un sondage de fin d'année

6 bonnes raisons de réaliser un sondage de fin d'année

Découvrez en 6 points clés pourquoi réaliser un sondage de fin d’année est essentiel pour votre...

Sarah Bouyou
7 juillet 2015
Comment booster la communication de votre association pendant les fêtes  ?

Comment booster la communication de votre association pendant les fêtes ?

La plupart des associations ralentissent au moment des fêtes de fin d'année. 

L'activité de...

Pierre GRATEAU
8 décembre 2015
Comment faire profiter votre association du programme Google Ad Grants ?

Comment faire profiter votre association du programme Google Ad Grants ?

Quand vous faites vos recherches sur Google, il vous arrive parfois de cliquer sur des liens...

Pierre GRATEAU
14 novembre 2017
Emails et sondages : les 5 outils malins

Emails et sondages : les 5 outils malins

Cette semaine, découvrez la troisième section de notre guide des outils numériques gratuits ou...

Arnaud Rousseau
28 juin 2016
4 outils pour rendre visible de votre association sur les réseaux sociaux

4 outils pour rendre visible de votre association sur les réseaux sociaux

Vous avez du mal à gérer vos réseaux sociaux, ou vous souhaiteriez mieux les maîtriser ?

Notre...

Marie Manach
2 août 2016
5 outils pour faire gagner en visibilité votre association

5 outils pour faire gagner en visibilité votre association

A l'ère du social media et de l'Internet, être présent sur Internet peut vous sembler essentiel...

Marie Manach
12 juillet 2016
Trouver des icônes et photos pour votre association

Trouver des icônes et photos pour votre association

Les sites vitrines des associations peuvent parfois paraître un peu "passés" car les...

Marie Manach
30 août 2016
8 outils pour des supports de présentation de votre association

8 outils pour des supports de présentation de votre association

Votre projet associatif commence à prendre forme et vous souhaitez le présenter à vos bénévoles,...

Marie Manach
27 septembre 2016
14 conseils pour gérer efficacement la page Facebook de votre association

14 conseils pour gérer efficacement la page Facebook de votre association

Plus d’un milliard d’utilisateurs dans le monde consultent Facebook quotidiennement, et sa...

Arnaud Rousseau
16 août 2016
Créer un sondage pour votre association : les 7 règles d'or !

Créer un sondage pour votre association : les 7 règles d'or !

Apporter des améliorations pour la saison prochaine, juger de nouveaux projets, avoir des...

Léa Bouchet
27 mars 2018
Comment analyser les statistiques de vos emailings ?

Comment analyser les statistiques de vos emailings ?

En tant qu'association, vous envoyez des centaines voire des milliers d'emails tous les...

Pierre GRATEAU
11 octobre 2016
Comment créer le compte Twitter de votre association en 7 étapes

Comment créer le compte Twitter de votre association en 7 étapes

Twitter… Ses utilisateurs ne cessent de vous en dire du bien, mais vous avez peut-être du mal à...

Anaïs Limpalaer
25 avril 2017
10 astuces pour améliorer la newsletter de votre association

10 astuces pour améliorer la newsletter de votre association

La newsletter est un moyen privilégié de maintenir le contact avec les différents publics qui...

Anaïs Limpalaer
7 novembre 2017
5 publicités d'associations qui ont retenu notre attention

5 publicités d'associations qui ont retenu notre attention

Pour vendre leurs produits et services, les entreprises font parfois preuve d'une imagination...

Corinne Dardelet
1 août 2017
Comment créer une belle affiche pour votre association ?

Comment créer une belle affiche pour votre association ?

Nous l'avons évoqué à de multiples reprises, une bonne communication est essentielle à la...

Corinne Dardelet
28 novembre 2017
10 conseils pour le blog de votre association

10 conseils pour le blog de votre association

Plusieurs personnes vous l’ont suggéré mais vous n’avez jamais passé le pas. Après tout, un blog...

Corinne Dardelet
17 octobre 2017
Les réseaux sociaux où communiquer avec vos jeunes

Les réseaux sociaux où communiquer avec vos jeunes

Ce n'est pas un scoop, les associations doivent impérativement s'intéresser à la génération Y....

Corinne Dardelet
24 octobre 2017
Cinq tendances digitales de la générosité pour votre association

Cinq tendances digitales de la générosité pour votre association

La période des fêtes est propice à la générosité des Français. Selon France Générosités, plus de...

Corinne Dardelet
21 novembre 2017
Dons aux associations : la générosité des Français en infographie

Dons aux associations : la générosité des Français en infographie

Pour bon nombre d'associations françaises, les dons des particuliers sont indispensables au...

Corinne Dardelet
12 décembre 2017
10 étapes pour organiser un événement d'association

10 étapes pour organiser un événement d'association

Une association, c'est avant tout de l'humain. Des hommes, des femmes, des enfants qui se...

Corinne Dardelet
20 décembre 2017
Comment organiser un webinaire d'association ?

Comment organiser un webinaire d'association ?

S’il n’est pas encore apparu dans le Larousse, le mot “webinaire” a peut-être une quelconque...

Corinne Dardelet
6 février 2018
8 conseils pour (re)créer le logo de votre association

8 conseils pour (re)créer le logo de votre association

Créer un logo c’est simple, mais créer un "bon" logo n'est pas chose facile.

S'il n’y a pas de...

Marine Defaux
13 février 2018
Créer des visuels pour son association avec CANVA

Créer des visuels pour son association avec CANVA

Article écrit en collaboration avec 

 

Plus besoin d’être graphiste pour élaborer des visuels...

Corinne Dardelet
27 février 2018
LinkedIn : le réseau social plein d'opportunités pour votre association

LinkedIn : le réseau social plein d'opportunités pour votre association

Vous avez compris qu’il est indispensable pour votre association d’être visible sur les réseaux...

Léa Bouchet
12 mars 2018
6 Modèles d'Emailing à envoyer aux Membres de votre Association

6 Modèles d'Emailing à envoyer aux Membres de votre Association

Vous le savez mieux que personne, s’occuper d’une association est un engagement à plein temps où...

Léa Bouchet
16 avril 2018
Fermer En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. En savoir plus