LINFOGRAPHIE ET LE GRAPHISME

numro

13

maison pour associations ASBL

Route de Mons, 80 6030 Marchienne-au-Pont Tl: 071/539 153 Fax: 071/593 154 www.mpa80.be info@mpa80.be

OUTIL PEDAGOGIQUE

Table des matires

Prambule Objectifs et mthode Infographie et graphisme Dossier

2 5 6 12

Guide pratique dinfographie et de mise en page

Prambule Prambule Prambule

1) Philosophie et particularits du dispositif dducation permanente

Des diffrentes rencontres et ateliers organiss entre le public, les instances et lquipe de la mpa afin doptimiser nos services au public associatif et de faire voluer nos pratiques pdagogiques, sont apparus un dsir et un besoin de modlisation des pratiques de la mpa. Dsir : accompagner les associations par une dmarche transversale, commune tous les services et aux animateurs-conseils, cette dmarche devenant une pratique systmatique de dcouverte et de prcision des attentes afin de dterminer avec justesse la nature de lencadrement dont lassociation a besoin. Le tout dans le respect dune programmation prcise, dans les limites des ressources humaines et des attentes. Besoin : installer une dynamique respectueuse des principes de lducation permanente, avec un volume de demandes important (prs de 1000 associations dans le rseau de la mpa), de natures les plus diverses (demandes de formations la carte , missions particulires des C.A., des animateurs-conseils, bien-tre sur le lieu de travail, panouissement personnel, conduite et gestion de projets).

Cinq principes se sont alors imposs, qui sont tout la fois la philosophie qui guide le traitement des demandes, loriginalit et les points forts du projet de la maison pour associations : - transversalit - partenariat - modularit - mise en squences - appui logistique

- transversalit des formulaires et pratiques professionnelles, dun animateur-conseil lautre ; - partenariat entre les diffrents animateurs-conseils sur base de la prcision des attentes, et partenariat avec lassociation demandeuse, vritable acteur de son dveloppement ; - modularit des formations et outils pdagogiques afin de personnaliser et dadapter au mieux la rponse aux demandes des associations ; - traitement en squences, permettant chaque association dvoluer au gr de ses possibilits tout en bnficiant dun coaching des animateurs de la mpa, le temps ncessaire lappropriation des outils et lacquisition de son autonomie ; - appui logistique de deux types : . appui permettant le dveloppement optimal des projets des associations (salles de runions, hall polyvalent, matriel divers) . support logistique la communication, dvelopp en interne ou en partenariat et permettant une visibilit maximale des projets des associations (webzine, site internet, Impact , route 90 , full TV ).

2) Programme de formations et outils pdagogiques adapts

Lvolution des demandes, lgislation, pratiques danimation et des techniques, de notre questionnement aussi, par rapport la rponse donner cette volution font que le programme des formations et les outils pdagogiques sont en constante adaptation.

Des informations peuvent tre obtenues auprs de la mpa : info@mpa80.be Nanmoins, les secteurs de formations et de dveloppement doutils pdagogiques suivants peuvent tre considrs comme des matires rcurrentes traites par nos services :
1. Lasbl 2. La Comptabilit des asbl 3. LEmergence et la conduite de projets 4. Les Forums associatifs 5. Jeunes artistes 6. La Photographie a : La Technique b : Le Flash 7. LExpo associative 8. Le Systme de Publication Pour lInternet Partag : SPIP 9. La Web Radio Route90.be 10. La Web TV FullTV 11. Animer un Espace Public Numrique : EPN 12. LHebdo-mail MPA Express 13. LInfographie et le Graphisme 14. Le Magazine Impact associatif

La dmarche dducation permanente mise en place par la maison pour associations sappuie sur trois lments indissocciables et complmentaires: 1. Loutil pdagogique qui constitue le support technique et mthodologique 2. La formation qui est le moment danimation et de rflexion bas sur les outils 3. Lanimateur-conseil qui constitue le lien entre loutil, la formation et le public-cible, les acteurs de la vie associative.
Outil pdagogique

Public-cible: Acteurs de la vie associative

Animateur - conseil

Formation

Objectifs et mthode
De nombreuses associations sollicitent la mpa pour la cration de leurs logos, affiches, folder, invitations Fidle la dmarche dducation permanente, nous intgrons cette demande souvent urgente et essentielle lasbl, dans une dmarche de co-construction. Lanimateur conseil permet aux membres de lassociation de porter des choix en matire de communication et de dcouvrir par eux-mmes les techniques graphiques. Lanimateur conseil infographie peut tre assist dun animateur conseil communication afin de dvelopper avec les participants, le contenu littraire des diffrents supports. La cohrence entre la forme et le fonds est recherche avec lassociation. Plusieurs rencontres ont lieu pour permettre aux membres de lassociation de remettre les ides dveloppes la MPA, en discussion dans leurs assembles gnrales. Le recours la symbolique du logo, vhicule tout la fois lide dune rflexion rcursive sur le sens de laction et la recherche de lessentiel de son action que lon veut communiquer et partager. Un dnominateur commun de laction associative consiste rechercher la mobilisation et ladhsion de publics des programmes dactivits ou des ides. Le graphisme constitue ds lors une opportunit importante pour faire passer diffrentes formes de messages, quils soient de nature prventifs, informationnels, humoristiques, politiques,...

Objectifs
Augmenter le capital symbolique des associations ; Favoriser la cohrence entre missions de lassociation et son image, sa visibilit ; Assurer une autonomie minimale en termes de communication ; Permettre une meilleure visibilit des associations ; Prise en compte de la dimension de communication indispensable aux actions de terrain ; Eduquer lil aux nuances formelles et aux possibilits graphiques disponibles.

Linfographie et le graphisme
Un infographiste et une graphiste expriments composent lquipe su service infographie de la mpa. Les deux services quils animent se distinguent par lenvironnement et les techniques quils mettent en oeuvre.

Dfinition
Infographie: Science de limage numrique. Elle dfinit les graphismes cres et grs par ordinateur. = Information par le graphisme = mettre en image des informations statiques. Le graphisme est une discipline qui consiste crer, choisir et utiliser des lments graphiques (dessins, caractres typographiques, photos, couleurs, etc.) pour laborer un objet de communication et/ou de culture. Chacun des lments est symbolique et signifiant dans la conception du projet, selon les axes dfinis ventuellement avec dautres intervenants du domaine de la communication, dans le but de promouvoir, informer ou instruire.

La pense crative :

Des ensembles dides ou concepts permettent de rsoudre des problmes de conception. - La pense libre : dresser une liste de tout ce qui vient lesprit concernant un sujet donn (ides videntes ou saugrenues). Lessentiel est de donn libre court son imagination et de sexprimer librement. - La pense structure : dessiner un diagramme pour structurer la pense. Chaque tape doit tre reprsente par un mot cl ou un symbole reprsentant laction entreprendre. Les actions sont relies par des flches.

 - La pense visuelle : transmettre un message positif ou ngatif par des signes et des symboles. Susciter une motion (ex : mettre en garde, tonner, provoquer, ) - La pense latrale : envisager un problme sous un nouvel angle de vue pour trouver des solutions originales (dcalage, absurdit,) ce qui stimule la crativit et gnre des projets novateurs.

La composition

= manire dagencer diffrents lments dun projet graphique. = Crer un ensemble harmonieux entre images et textes. Principe de la compo : Une compo est bonne lorsque les formes et les couleurs forment un ensemble harmonieux et dynamique. Une composition graphique = image + titre + bloc texte. La rgle du 1/3 : une compo est quilibre lorsque llment principal occupe 1/3 du gabarit Symtrie : La symtrie offre souvent un aspect sduisant mais les compos asymtriques sont souvent plus russies en raison de leffet dynamique cre par les contrastes et les disparits qui attirent et stimulent lil.

Blancs : le + important dans une compo nest pas toujours ce qui y figure mais ce qui manque : un blanc autour dun texte ou dune image peut focaliser lattention. De mme, une composition comportant peu de blancs, mais bien conue avec des lments juxtaposs ou relis entre eux, peut attirer lil surtout lorsquils prsentent des textures diffrentes. Rythme : la manire dont les lments dune composition sont assembles lui confre une dynamique ou un quilibre. Les rptitions de traits, de motifs et de couleurs peuvent fonctionner comme le rythme dune musique - rgulires ou irrgulires, elles ont pour fonction de guider lil.

La couleur

La couleur peut susciter des ractions motionnelles fortes. En slectionnant judicieusement les associations de couleurs, vous transmettez vos messages avec efficacit.

La couleur doit servir 4 fonctions principales : Attirer lil Retenir lattention Communiquer une information Permettre de la mmoriser La couleur peut tre visualise a distance avec une instantanit que noffrent ni les mots, ni les dessins ou les formes. Le choix de la couleur est donc dterminant pour transmettre un message. Temprature des couleurs ; Les couleurs peuvent tre chaudes ou froides. Les tonalits chaudes - rouge, orange, et jaune - attirent davantage lil sur une image. Les coloris froids - bleu, mauve, vert - retiennent moins lattention. La sensibilit aux couleurs est essentielle pour exploiter au mieux les ractions motionnelles suscites pour chacune delles. Le choix judicieux des couleurs peut ajouter une note de posie dans le langage graphique. Les couleurs vives saffirment violemment. Le rouge est la couleur de la passion et de la chaleur, du feu et de la colre. En association avec le noir et le blanc, il imposera son autorit. Son complment, le vert est apaisant. Il voque la fraicheur, la vie, la srnit. Plus neutre, le bleu dgage une impression confinant la mlancolie dans ses nuances sombres, tandis que les plus clatantes gnrent loptimisme.

La typographie :

La typographie est une discipline subtile, la moindre erreur pouvant apparatre lil le moins exerc. Les rgles typographiques facilitent la lecture. Une famille de caractres est disponible dans divers styles et graisses (book, bold, italique,) Une police de caractres est serif (avec empattements : ex times) ou sans serif (sans empattements : ex. : helvetica) Choix dune police : les lettres sont davantage que de simples caractres lire. Diverses informations naissent des associations lies diffrents styles de caractres. Par ex : vous faites facilement la diffrence entre les caractres utiliss sur une affiche reprsentant des cow-boys et ceux choisis pour une invitation de mariage. La russite dun travail graphique dpend de limpact visuel des associations.

APPLICATIONS : Le logo
Le principe du logo est didentifier un nom, une entreprise partir dlments formels et colors. Le logo parle de lui-mme et vhicule un message. Il est llment fdrateur dune identit visuelle. Conception dun logo : Pour crer un logo, il faut dabord tablir une sorte de cahier des charges en se posant certaines questions, parfois saugrenues pour librer la crativit. Ex : - Quelles sont les valeurs que le logo doit vhiculer ? - Quelle est lorigine du projet ? - A quel besoin rpond la cration de lassociation ? - A quel dsir rpond la cration de lassociation ? - Quelle est lorigine du nom ? -

Ex. pour librer la crativit : si votre association tait - une couleur - un mot - une chanson - une fleur - un fruit - une saveur - un animal - un outil - une saison - un habit - un moyen de transport - un parfum - une texture - un style musical - un livre - une BD - un film - Il faut ensuite choisir un mode de reprsentation, une esthtique, une mtaphore et lorganiser en choisissant un code de couleurs, une typographie et un slogan.

Un bon logo est cohrent, riche en motions mais surtout doit tre adaptable pour figurer sur diffrents supports : il doit tre aussi lisible sur un timbre poste que sur une montgolfire !

Laffiche :
Le but dune affiche est dtre regarde et dinformer. Ce qui sous entend une esthtique et un message efficace. Laffiche doit donc communiquer clairement et facilement le message. Le message : O, quand, comment, pourquoi, pour qui ? - Quel est le message - Quelle est la cible - Quels sont les mots-cls

les matriaux : Une bonne affiche est claire, lisible, bien agence et prsente dans un langage succinct. Utiliser la typographie (maximum 3 polices de caractre diffrentes) et les niveaux de lecture pour hirarchiser le message (le + important en + grand et/ou gras). Garder lesprit que le public lit horizontalement, de gauche droite et verticalement de haut en bas. Idalement, le titre doit donc se trouver dans la partie suprieure de laffiche et le dernier lment dans le coin infrieur droit. Attention : trop dinfos tue linfo ! Photos, illustrations, couleurs et textures participent galement limpact du message. Elles vhiculent la valeur motionnelle du message. Les formats standards : A4 = 297 x 210 mm A3 = 297 x 420 mm A2 = 420 x 594 mm A1 = 594 x 840 mm A0 = 840 x 1188 mm

10

Le folder ou dpliant :
Lobjectif dun folder est de rassembler images et textes en un ensemble cohrent, qui soit satisfaisant la fois dun point de vue visuel et en termes de contenu. Les informations doivent tre structures et hirarchises La premire face doit comporter le logo et le thme.

La carte de visite :
Mentions : - logo - Nom de lassociation - Nom + Prnom - Fonction - Adresse - Tel/fax - Site internet/mail Format standard : 55 x 85 mm

11

Dossier

Guide pratique dinfographie et de mise en page

OUTIL PEDAGOGIQUE

Service Graphisme .

Visuel

Texte

Prpresse

Web

Un logo ?

Cration logo
Votre idologie ?

Un site ? Un logo ?

Nos contraintes...

Le Logo doit tre didactique Pas trop dlments Pas de dgrads pour que le logo passe en N/B Le logo doit sinscrire dans une forme qui permet de le poser Associations de couleurs cohrentes

Service Graphisme .
Visuel Web

Site Statique.
Pour les personnes qui ne veulent pas intervenir regulirement sur leur site internet. Elles ont des activits trimestrielles ou semestrielles , ou ont toujours les mmes activits durant lanne ... Les mises jour sont peut frquentes ou lasbl ne bnficie pas de linfrastructure ncssaire pour effectuer des mises a jour hebdomadaires ou quotidiennes ... Lutilisateur privilgie la prsence simple sur le web et la mise en vidence dun contact afin dobtenir un retour au contact direct ...

Site Dynamique.
Dans ce cas de figure le site joue le rle de magazine pour lassociation , les personnes doivent tre conscientes quun tel site leur offre la possibilit de participer la vie du site ... Cela entrane la ncessit dun ou plusieurs rdacteurs afin que la vie du site soit remarque par linternaute ... En effet dans le cas dun site dynamique si linternaute visite le site a 3 reprises sans remarquer de changements majeurs il y a de fortes chances quil ne reviennne plus ...

Un site ?
Quattendez vous dun site internet ?
Lors de linterview, identifier des besoins. Le site sera dynamique ou statique (carte de visite ou site ou lon peut intgrer des donnes de faon rcurente ...)

Choisir un nom de domaine ?

Expliquation : quest ce quun nom de domaine ... Utiliser le nom de lassociation ... Pas trop long... Moins de trois lettres ou nom commun risque dtre dj rserv...

Combien a cote ?
Ralisation gratuite pour les petites structures.. Hbergement , cot du serveur divis par le nombre de site Hberg avec participation de la MPA, prix concurentiel, rapport qualit prix, service dpannage ...

Ralisation graphique.
Les piges a viter.
Pas de couleurs flash (affichage direct RGB) Attention au poids des images . Structurer linformation ... Pas darticle trop long. Toujours garder lesprit que le temps moyen dune visite sur le site est de deux secondes cest le temps dont on dispose pour accrocher le visiteur ... -> Mettre en vidence les lments accrocheurs. Une structure commune est parfois prfrable une navigation plus esthtique car le visiteur y retrouve les canons du web et nest pas oblig de chercher linfo ....

Laspect technique.
Xhtml/css Reprsente lavenir du codage de pages web, le contenu est spar de sa mise en page , facilite le travail des moteurs de recherche ... La technologie suivre, les balises <MICROFORMATS>, permettrait une meilleure identification du type dinformation sur un site (ex : vnements, contacts, lieux, ...)

Textes et structure ?
Structure et textes adapts au net Collaboration avec dautres services de la MPA.

TOUJOURS FAIRE ATTENTION AU POID

Service Graphisme.
Visuel Prpresse

Une affiche ?
Connaissez vous les diffrents formats ?
Nous conseillons un format A3 pour deux raisons, plus petit ne suffit pas pour une affiche et nous ne pouvons imprimer de format suprieur a lA3...

Graphisme?
Visuel attrayant. Couleurs vives qui attirent le regard . Des images de qualits pour ne pas crer de pixels limpression. Eviter au maximum les images prises sur le web. Attention aux droits dauteurs ... Et toute les lois de la pub ( images chocs, les lment du corps humain attirent le regard, ...)

Quel type de papier ?

Il existe plusieurs faons didentifier un papier : grammage , aspect, couleur ... Nous proposons diffrents types de papier au libre choix de lasbl, en sachant que les types de papier peuvent reprsenter des contraintes (ex: papier jaune avec impression jaune, ou papier mat et impression couleurs ...)

Combien a cote ?
Ralisation gratuite ... Impression payante ou gratuite cela depend ... Couleur n/b nombre dexemplaires ...

Textes et structure ?
Nous ne ralisons pas les textes pour vous, il est cependant impratif que vous sachiez ceci : informations principales pour une affiche :

Quoi , Quand , Ou , Qui ?

Pas trop dinformations, viter la surcharge car cela nuit la lisibilit de votre affiche ...

Service Graphisme.
Visuel Prpresse

Un folder ?
Connaissez vous les diffrents formats ?
Les triptyques se ralisent gnralement sur un A4 mais libre a vous dinventer un format et une mthode de pliage original...

Graphisme?
Visuel attrayant. Couleurs vives qui attirent le regard . Des images de qualits pour ne pas crer de pixels limpression viter au maximum les images prises sur le web , attention aux droits dauteurs ... Et toutes les lois de la pub (image choc, les lment du corps humain attirent le regard ...)

Quel type de papier ?

Il existe plusieurs faons didentifier un papier : grammage , aspect, couleur ... Nous proposons diffrents types de papier au libre choix de lasbl , en sachant que les types de papier peuvent reprsenter des contraintes (ex: papier jaune avec impression jaune, ou papier mat et impression couleurs...)

Combien a cote ?
Ralisation gratuite ... Impression payante ou gratuite cela dpend ... Couleur n/b nombre dexemplaires ...

Textes et structure ?
Nous ne ralisons pas les textes pour vous il est cependant impratif que vous sachiez ceci : Il est impratif de structurer linformation . (Encore une fois langage pub simple et direct) Votre texte doit bien occuper lespace disponible (ni trop long ni trop court )