Illustrer des thématiques difficiles

Illustrer des thématiques difficiles

Le graphisme et l’illustration ne servent pas qu’à vendre des produits ou des services. Ils peuvent servir à communiquer sur des thématiques assez difficiles afin de sensibiliser, d’informer, de prévenir.

Depuis de nombreuses années, je travaille sur des projets d’éducation permanente (éducation populaire en France) et de promotion de la santé. J’ai travaillé sur la solitude des personnes âgées, le désir ou le non-désir d’avoir un enfant, les violences gynécologiques et obstétricales (les VGO), l’aide aux personnes âgées, les maladies chroniques chez un public fragilisé, l’exil, la migration…

Et j’espère pouvoir contribuer encore et longtemps à la diffusion de ces thèmes.

Dans cet article je reste dans le domaine de l’illustration, de la représentation imagée.

 

l
Ce que nous allons voir aujourd’hui
  • Comment représenter un sujet délicat sans provoquer le rejet ?
  • 3 exemples : violences gynécologiques, addictions et parcours migratoire.

Comment faire pour représenter un sujet délicat sans provoquer le rejet ?

 

➜ Garder une approche positive

Même quand la thématique est négative et dure et sans minimiser les faits, il est possible de la représenter de façon positive ou du moins neutre. Éviter de montrer le côté trop sombre afin que les personnes concernées s’y retrouvent sans avoir un reflet de leur situation qui pourrait empirer leur estime de soi.

➜ Avoir une approche non orientée

Avant de commencer une illustration, je mets de côté tous mes préjugés et essaye de faire le vide dans mon cerveau pour démarrer sur une base neutre. J’utilise beaucoup la technique des cartes mentales. Je note autant ce qui pourrait être dessiné que ce qui doit être évité.

➜ Éviter de heurter, choquer

En publicité, le neuromarketing sert à enclencher l’envie d’achat grâce aux émotions : l’envie, le désir, le plaisir. Certaines campagnes de prévention (alcool, conduite à risque…) utilisent des images chocs pour susciter des émotions vives et fortes (tristesse, peur, stress). La réaction est instantanée et assez impulsive.  La peur peut entrainer un sentiment de rejet, de dégoût ou encore de paralysie.

Plus d’info : Usage de la peur et médias de préventions : quelques repères méthodologiques

➜ Éviter de culpabiliser, stigmatiser

Mettre en lumière une situation problématique n’est pas la pointer du doigt !(OMG, je vais déposer un copyright pour cette phrase ^^). Pas besoin d’en rajouter une couche, la situation est assez difficile comme cela. Tout comme la peur, la culpabilisation risque d’entrainer la paralysie. La personne n’est pas forcément entièrement responsable de sa situation et n’a pas forcément toutes les clés pour changer.

Plus d’info : Pour changer, la peur ou la culpabilité ?

 

 

Exemple 1 : représenter les VGO sur les femmes placées en institution

illustrer une thématique difficile - rapport VGO

Cette illustration a été réalisée pour la couverture du rapport Les violences gynécologiques et obstétricales (VGO) vécues par les femmes avec une déficience intellectuelle vivant en institution.

Déjà, rien que le titre cumule les situations difficiles. J’ai cogité sur plusieurs idées, en gardant en tête de vouloir représenter :

▶ les femmes avec différentes morphologies;

▶ leur invisibilité et la pression qu’elles subissent;

▶ un visuel et mise en page attractifs et qui facilitent la lecture.

J’ai été marquée dans ce rapport par le manque de concertation et de dialogue entre les personnes concernées et celles qui les entourent, les soignent. Comme si tout était déjà inscrit et surtout comme s’il n’y avait pas besoin de donner d’explications.

✏️ L’illustration et les motifs

▪ Je voulais quelque chose d’assez simple mettant les femmes en avant. J’ai représenté 3 femmes de morphologies et de postures différentes (passive, résignée). Les parties du corps liées à la santé sexuelle sont invisibles, comme si elles n’existaient pas, on voit à travers elles.

▪ La spirale jaune représente la société, l’environnement dans lequel elles évoluent. Les soins passent aléatoirement. Les violences font partie de ce système, elles passent, on n’en parle pas beaucoup.

▪ Les motifs en arrière-plan représentent les différentes thématiques abordées dans l’étude : les soins, le désir de maternité, la contraception, le manque de dialogue, la loi…

🎨 Le choix des couleurs

hors de questions de représenter un univers trash et dark (ni funky non plus, on est bien d’accord). Comment représenter un univers féminin, sans tomber dans les stéréotypes ? J’ai repris les teintes des logos des associations partenaires pour en tirer un rose/violet et j’ai contrebalancé avec du jaune, du vert et de l’orange. Le tout reste donc assez vif sans tomber dans l’excès.

Exemple 2 : représenter les addictions

Illustrer une thématique difficile - les addictions<br />

Cette illustration fait partie de l’outil pédagogique Babbel Boost : photo-expression pour les professionnel·les de santé travaillant avec des personnes atteintes d’une maladie chronique. Cette carte représente la problématique des addictions.

Il y a autant de mode de consommation que de produits. Nous aurions pu choisir une représentation facile de la consommation de drogue : une personne défoncée, seule, pauvre, maigre dans une ruelle sombre par exemple.

La difficulté était de représenter différentes addictions et différents comportements :

▶ addictions au chocolat, à la drogue,  à l’alcool, aux écrans…;

▶ plusieurs formes de consommation : en société, seul·e, de manière festive, légalement, illégalement…

✏️ L’illustration

L’illustration a plusieurs lectures, des personnes aux consommations différentes peuvent s’y retrouver, même celle dont l’addiction concerne “simplement” le sucre. Elle montre aussi que les tentations sont fortes en société. Avec le recul, j’aurais pu représenter une pharmacie également.

🎨 Le choix des couleurs

C’est la nuit qui est représentée, juste parce que c’est impossible de représenter la nuit et le jour en même temps ! Les couleurs font partie de la palette de couleurs utilisée pour les autres illustrations de ce photo-expression.

Exemple 3 : représenter les femmes migrantes et réfugiées

Illulstrer une thématique difficile - réfugiée<br />

Cette illustration a été réalisée pour la journée d’action organisée par le Cire asbl ayant pour thème femmes et migration. Elle a servi pour faire l’affiche et annoncer le programme. J’ai utilisé beaucoup de symboles pour cette représentation pour une approche plus poétique. L’ensemble de l’image représente une femme qui espère tout en lutant.

▶ Le mode de transport et les lieux : la traversée des montagnes, des mers, l’oiseau en forme d’avion.

▶ La culture différente : je me suis concentrée sur des motifs inspirés des motifs africains.

▶ Mais aussi l’universalité avec une forme ronde symbolisant la planète.

▶ Les difficiles conditions climatiques : neige, mauvais temps…

▶ L’espoir qui jaillit des mains, l’humanité et la lutte avec le cœur dans le poing fermé.

Au final, l’illustration est positive tout en représentant les difficultés rencontrées par les migrantes. Elles sont mises à l’honneur plutôt qu’en mode victime.

Bon à savoir

📌 Le sentiment de peur amène une réaction émotionnelle immédiate, mais souvent de rejet.
📌 Même le sujet le plus tragique peut être représenté de façon poétique et imagée.
📌 Suggérer plutôt que de réaliser une image au plus proche de la réalité.

 

 

Horeca

Fédération Horeca Wallonie - autocollant à mettre sur la porte de l'établissement


Fédération Horeca Wallonie asbl

Signalétique – Bonnes pratiques gestion de l’énergie et des déchets

Réalisation d’autocollants illustrés destinés à être apposés dans les différents locaux liés à l’Horeca (restauration, hôtellerie). Une partie est destinée à la clientèle, une autre au personnel.

▶ Recherches graphiques
▶ Synthétisation des informations

 

Fédération Horeca Wallonie - autocollant à mettre en cuisine pour indiquer comment ranger les frigos
Fédération Horeca Wallonie - autocollant à mettre en cuisine pour indiquer quels aliments se conservent à température ambiante
Fédération Horeca Wallonie - autocollant à mettre en cuisine pour indiquer comment ranger les nouveaux aliments
Fédération Horeca Wallonie - autocollant à mettre en cuisine pour indiquer le temps maximum qu'un plat passe du chaud au froid, ou le contraire
Fédération Horeca Wallonie - autocollant à mettre en cuisine pour rappeler d'enlever les bijoux
Fédération Horeca Wallonie - autocollant à mettre dans les restaurants qui proposent des buffets à volonté
Fédération Horeca Wallonie - autocollant à mettre dans les hôtels pour inciter la clientèle à prendre les escaliers
Fédération Horeca Wallonie - autocollant à mettre dans les hôtels pour inciter la clientèle à éteindre la lumière en sortant
Fédération Horeca Wallonie - autocollant à mettre sur les commerces qui autorisent les contenants réutilisables
Fédération Horeca Wallonie - autocollant à mettre en cuisine - rappel de vérification des températures<br />
Fédération Horeca Wallonie - autocollant à mettre dans les chambres d'hôtel, rappel économie d'énergie
Fédération Horeca Wallonie - autocollant - rappel pour les aliments allergènes
Comment créer un flyer efficace

Comment créer un flyer efficace

Voici une check-list de conseils de base pour créer une publication comme un flyer, une affiche ou un pdf afin qu’elle soit la plus efficace possible et qu’elle donne envie aux personnes de s’intéresser à votre projet.

l
Ce que nous allons voir aujourd’hui
  • l’alignement du texte ;
  • la hiérarchisation des informations ;
  • l’importance du blanc ;
  • la qualité du visuel ;
  • les bons contrastes ;
  • la méthode A.I.D.A.

L’alignement du texte

  • Alignez le texte à gauche de préférence, au centre pour les titres principaux.
  • Évitez de créer des blocs de texte qui “flottent” sur votre page.
  • Utilisez une grille et des repères pour les marges pour rester bien aligné. Cela va créer des repères visuels.
  • 2 ou 3 polices de caractère, par plus.

La hiérarchisation des informations

  • Référez-vous à la règle des 5W.
  • Gardez en tête l’objectif de votre publication : quelle est l’information principale  que vous voulez transmettre ? À quoi va-t-elle servir ?
  • Quelles sont les informations importantes et qu’est-ce qui doit ressortir le plus ?
  • Jouez avec la taille des polices, mettez des éléments en gras
  • Regroupez vos informations sur vos coordonnées à un seul endroit.
  • Vous pouvez ajouter un QR code pour aller sur votre site ou sur une page d’inscription. C’est très facile à générer en ligne, et c’est gratuit.
  • Évitez le jargon professionnel qui fait fuir.

L’importance du blanc

  • Un design épuré permet une meilleure lisibilité, laissez des espaces blancs ou clairs, sans information afin de laisser respirer votre document.
  • Vous avez beaucoup de texte ? Coupez !
  • Privilégiez les puces avec des phrases simples plutôt qu’une phrase complexe avec des éléments de liaisons.
  • Soyez direct·e dans votre communication, vous gagnerez en compréhension.
  • Pensez à réduire le nombre de couleurs aussi, dans le but d’augmenter l’impact visuel.

La qualité du visuel

  • Une image de bonne résolution. Rappel : pour l’impression, c’est 300dpi.
  • Une image libre de droit ou issue de vos propres images, mais certainement pas une image piquée sur le Web 😊.

Les bons contrastes

  • Le meilleur contraste est de 100%. Exemple : texte noir (100) sur fond blanc (0), mais c’est parfois un peu fort.
  • Vous pouvez nuancer le contraste en descendant à 70%. Exemples : texte en gris foncé (70) sur fond blanc (0), ou texte en couleur (80%) sur fond de couleur (10%)…
  • En dessous, le texte devient moins lisible.
  • Note : le texte blanc sur un fond de couleur peut être assez difficile à lire pour certaines personnes.
  • Pour vérifier, imprimez votre support de communication en noir et blanc. Vous verrez rapidement s’il est suffisamment lisible ou pas.
  • Testez vos couleurs de fond et de texte :

La méthode A.I.D.A

 

C’est une méthode issue du monde de la publicité. Mais elle peut être utilisée pour d’autres buts que vendre.

  • Attention : créez l’attention avec un beau visuel ou un slogan d’accroche.
  • Intérêt : suscitez l’intérêt en faisant en sorte que la personne se reconnaisse et se dise que cela la concerne. Exemple : les problèmes rencontrés ou une situation particulière, une image qui parle.
  • Désir : mettre en avant les bénéfices et l’intérêt de votre produit ou activité pour donner envie d’en savoir plus.
  • Action : encourager l’action : prenez rdv, venez nous voir, visitez notre boutique en ligne…

Bien évidemment, soyez tout en nuances et utilisez cette méthode de façon la plus authentique possible par rapport à votre produit ou votre service.

Bon à savoir

📌 Faites relire votre document par une personne qui ne connait pas votre activité, afin de vérifier que tout est bien compréhensible.
📌 Laissez assez de marge tout autours de votre document.
📌 Si vous voulez imprimer votre document et que vous avez un fond, prévoyez des fonds perdus (voir dans le lexique).

 

Lexique des graphistes

Lexique des graphistes

Je suis végétarienne. Quand je commence une recette, et que je ne connais pas bien le lexique, que je ne suis pas certaine de bien connaitre les ingrédients, ou que je ne sais pas où me les procurer, ça me décourage.
🤔 Crème sure légère, pâte soba, riz étuvé, algue kombu…
Cela me freine 🫤

Je me dis que ça doit surement être la même chose pour les personnes qui veulent mettre en place leur communication visuelle.
Branding, charte, pictogramme, brandboard, moodboard, vous savez exactement ce que c’est ?

Aller venez, on va rendre limpide tout cela !

Il s’agit d’un début de lexique, je le complèterai au fur et à mesure.

 

l
Au programme
  • identité visuelle ;
  • réalisations graphiques ;
  • images ;
  • couleurs ;
  • typographies ;
  • Chaine graphique.

Identité visuelle

Brief créatif : réunion “intense” après la signature du devis qui permet de mettre bien à plat la demande et les différents éléments nécessaires à la réalisation graphique du projet.

Moodboard, planche d’inspiration : tableau reprenant des images, photos, couleurs pour créer une atmosphère et représenter visuellement ce que l’on souhaite avoir comme univers graphique.

Brandboard  : une page qui résume l’ensemble des éléments de l’identité visuelle, sans rentrer dans les détails techniques. Un seul coup d’œil pour garder la ligne graphique.

Icône ou  pictogramme : symbole ou d’image simple servant à créer des repères visuels ou à signaler un message.

Illustration : image plus complexe pour accompagner un texte, créer un univers visuel.

Charte graphique :  document récapitulatif avec tous les éléments de l’identité visuelle ainsi que les détails techniques de leur utilisation.

Réalisations graphiques

Chemin de fer : représentation schématique d’une brochure, d’un dépliant. Permet d’avoir une vue d’ensemble des places des différents éléments.

Fonds perdus : 2 ou 3 mm en plus du format du document qui garanti une marge de sécurité lors de l’impression. Si l’on veut imprimer une image sur toute la page, il faut la faire déborder légèrement, ce qui évite l’apparition d’un liseré blanc en cas de léger décalage lors de la coupe du papier.

Marge de sécurité : marge qui se trouve à l’intérieur du document à ne pas dépasser si l’on ne veut pas que le visuel ou le texte soit coupé. Permet au document de “respirer”.

Gabarit, template, modèle ou layout : agencement enregistré permettant d’avoir une mise en page équilibrée. Il se compose de repères de colonnes, d’une grille d’agencement, de marges du document… Il sert de base pour garder une harmonie entre toutes les pages, ou les différents visuels. L’œil s’accroche à cette grille.

Maquette : prototype permettant de voir l’ensemble du projet.

Images

DPI (dots per inch, points par pouce) : il s’agit de la résolution d’image. Plus il y a de pixels par pouce, meilleure est la résolution. Pour l’impression, il faut un minimum de 300 dpi, pour le Web 72 dpi est la norme. C’est pourquoi une image tirée du Web ne peut pas être utilisée pour l’impression, elle ne serait pas nette.

Résolution : qualité de l’image avec comme mesure le Dpi (résolution print, résolution Web)

Vectoriel : image composée d’objets géométriques individuels qui ne perd pas en qualité selon qu’elle est affichée en grand ou en petit (image vectorielle).

Pixels : différents petits carrés colorés qui, ensemble, composent l’image.

Couleurs

CMJN : code des 4 couleurs primaires (cyan, magenta, jaune et noir) pour l’impression. Selon la méthode d’impression, 4 couches de couleurs sont déposées sur le papier. Les codes définissent le taux d’encre qui forme la couleur finale. Chaque couleur primaire est associée à un nombre.

Quadrichromie : utilisé pour une impression en couleur (CMJN), à préciser lors de la demande de devis à l’imprimerie.

RVB : mode de colorimétrie (Rouge, Vert, Bleu) pour le Web. Chaque couleur est associée à un nombre, ou alors la couleur est définie par un # suivi d’une série de chiffres.

Pantone® : gamme de couleurs universelles. S’applique en une seule couche lors de l’impression. La couleur correspond exactement à ce qu’elle est dans le pantonier. Coute plus cher à l’impression.

typographie

 Graisse : épaisseur d’un caractère, régular, italic, bold, condensed… Plus la police de caractère présente des graisses, plus elle est intéressante pour la mise en page.

Lorem ipsum, ou Bolo bolo ^^ : texte de substitution qui permet de visualiser la position d’un texte selon le nombre de caractères. Le Lorem ipsum est une sorte de faux latin. On peut le générer en ligne. Le bolo bolo est l’autre nom du Lorem ipsum. À la base, il s’agit d’un essai suisse sur l’écologie et le capitalisme (bolo’bolo). Une écriture neutre est créée. Elle est constituée de symboles avec des lignes verticales et des cercles. Ce système d’écriture peut être repris comme texte de substitution.

Police de caractère : famille de caractères typographiques regroupant toutes les déclinaisons (italique, graisses, majuscules…).

chaine graphique

Il s’agit des différentes étapes de l’impression d’un projet, de la demande à l’imprimerie à la livraison du projet chez le la client·e.

Le B.A.T : test d’impression qui permet de contrôler les emplacements des différents textes et visuels, le sens du pliage… Il n’est pas forcément réalisé sur le papier final, il est parfois envoyé sous format pdf.

Blanco : assemblage en blanc (non imprimé) d’un projet avec le papier, les coupes et les pliages définitifs.

Pin It on Pinterest