La Créa de la Semaine – Logo « Fond’Actions »

Certains logos chuchotent. Celui-ci chante à tue-tête, et c’est très bien ainsi. Des couleurs vives et dynamiques, des dessins épurés et stylisés : c’est un logo qui respire la joie de vivre que les matelots de Graph’in ! ont décidé de réaliser pour Fond’Actions Orphelinats du Pérou. L’organisation se mobilise sur le terrain pour mener des actions positives en faveur des enfants orphelins. Pour une cause pareille, la couleur ne pouvait pas faire de la figuration. Elle pose pourtant une question que beaucoup de logos oublient en route : ces couleurs qui sautent aux yeux, tout le monde les voit-il de la même manière ?

Couleurs vives ne veut pas dire couleurs lisibles

On croit volontiers qu’une couleur éclatante se voit forcément. C’est vrai pour la teinte… beaucoup moins pour le contraste. Un jaune vif posé sur un blanc, un vert pomme collé à un orange de même clarté, un rose fuchsia sur un rouge : chacune de ces couleurs est intense, et pourtant le couple se lit mal. L’œil a besoin d’une différence de clarté entre deux couleurs pour séparer une forme de son fond, bien plus que d’une différence de teinte.

Faites un test tout simple : convertissez votre logo en niveaux de gris sur l’écran. Si deux couleurs voisines deviennent le même gris, elles ne contrastent pas. Votre logo tient debout grâce à leur teinte seulement, et il perdra des plumes chez tous ceux qui voient les couleurs autrement.

La clarté, ce réglage qu’on oublie

Chaque couleur a une teinte (rouge, bleu, vert…), une saturation (vive ou terne) et une clarté (claire ou foncée). Les logos joyeux jouent surtout sur les deux premières. C’est la troisième qui décide de la lisibilité. Un bon logo coloré associe des couleurs vives qui ont des clartés franchement différentes : un bleu profond et un jaune lumineux, un rouge soutenu et un blanc, un vert foncé et un orange clair.

Tout le monde ne voit pas votre logo en couleurs

Une part loin d’être négligeable de la population, surtout masculine, a une vision des couleurs différente de la moyenne. On parle de daltonisme, ou plus précisément de dyschromatopsie. La forme la plus répandue rend difficile la distinction entre le rouge et le vert. D’autres, plus rares, brouillent le bleu et le jaune. Quelques personnes, enfin, voient le monde presque entièrement en nuances de gris.

Pour un logo, les conséquences sont très pratiques. Un symbole rouge sur fond vert peut devenir une tache uniforme pour une partie de vos visiteurs. Une information portée seulement par la couleur (un pictogramme vert pour « oui », rouge pour « non ») peut leur échapper complètement.

Comment l’équipage vérifie

Les logiciels de création graphique proposent des modes d’épreuvage qui simulent les principales formes de daltonisme. À Graph’in !, nous passons les logos colorés à travers ces filtres avant de les valider. Nous vérifions que les formes restent distinctes, que le nom reste lisible, que le symbole ne disparaît pas dans son fond. Si un couple de couleurs pose problème, on ajuste la clarté de l’une des deux, souvent sans changer l’esprit de la palette.

Les règles du contraste, côté écran

Pour le web, il existe des repères internationaux : les règles d’accessibilité WCAG, reprises en France dans le RGAA (le référentiel général d’amélioration de l’accessibilité). Elles fixent des rapports de contraste minimaux entre un texte et son fond : 4,5 pour 1 pour un texte courant, 3 pour 1 pour un texte de grande taille, et 3 pour 1 pour les éléments graphiques qui portent une information, comme les icônes ou les boutons.

Petite subtilité : ces règles exemptent les logos eux-mêmes. Un logo n’est pas obligé d’atteindre ces ratios. Mais la tolérance n’est pas une invitation. Un logo peu contrasté sera moins lisible pour tout le monde, pas seulement pour les personnes malvoyantes, et il entraîne souvent dans son sillage une charte de couleurs difficile à utiliser sur le site, les documents et les réseaux sociaux.

Un logo joyeux, une charte utilisable

Un logo comme celui de Fond’Actions, avec ses couleurs vives, sert souvent de base à toute la palette de l’organisation. Ses couleurs reviennent sur les boutons du site, les titres des publications, les affiches d’appel aux dons. Si elles contrastent mal avec le blanc ou entre elles, chaque support devient un casse-tête. Penser au contraste dès le logo, c’est préparer une charte qui fonctionnera partout, et qui permettra d’écrire lisiblement par-dessus.

Du pixel au papier : les couleurs vives à l’épreuve de l’impression

Un écran fabrique la couleur avec de la lumière : rouge, vert et bleu mélangés (le fameux RVB). Une imprimante la fabrique avec de l’encre : cyan, magenta, jaune et noir (le CMJN). Les deux systèmes ne couvrent pas les mêmes couleurs. Certains verts fluo, certains orangés lumineux et certains bleus électriques, superbes à l’écran, n’existent tout simplement pas en quadrichromie. À l’impression, ils deviennent plus sourds, parfois franchement ternes.

Pour un logo dont la joie passe par l’éclat des couleurs, ce détail compte beaucoup. L’équipage choisit donc les couleurs en pensant aux deux mondes à la fois. Chaque teinte du logo reçoit une référence pour l’écran et une référence pour l’impression, testée sur papier. Quand une couleur ne passe pas en quadrichromie, on peut recourir à un ton direct (une encre préparée à l’avance, comme les teintes du nuancier Pantone) pour les supports qui le permettent.

Le contraste change aussi sur papier

Un couple de couleurs bien contrasté à l’écran peut se rapprocher une fois imprimé, surtout sur un papier non couché qui boit l’encre et éteint les teintes. Le jaune perd de sa lumière, le bleu s’assombrit, l’écart de clarté se réduit. Un tirage d’essai sur le papier final reste la meilleure assurance contre les mauvaises surprises.

Et sur les photos ?

Une association publie beaucoup de photos de terrain : des visages, des paysages, des moments d’action. Le logo vient souvent se poser dessus, dans un coin. Sur une photo chargée et colorée, même un logo très contrasté peut se perdre. On prévoit donc une version blanche du logo, une version foncée, et parfois un petit cartouche de couleur unie sur lequel le poser. Le logo garde sa voix, quel que soit le décor.

Le test du soleil

Dernier banc d’essai, souvent oublié : le plein air. Un téléphone consulté en plein soleil affiche des couleurs délavées, et une banderole tendue sous un ciel lumineux voit ses teintes claires disparaître. Les logos destinés à vivre dehors, sur un stand de collecte ou un événement solidaire, gagnent à être vérifiés dans ces conditions. Les couleurs bien contrastées tiennent ; les accords subtils, eux, s’évaporent.

Le dessin épuré, allié de l’accessibilité

Bonne nouvelle : l’autre choix fort du logo de Fond’Actions, des dessins épurés et stylisés, va dans le bon sens. Moins il y a de détails, plus chaque forme est lisible. Un dessin simplifié se reconnaît mieux de loin, en petit, sur un écran de téléphone, et quelle que soit la vision de la personne qui le regarde.

Quelques principes de dessin aident encore :

• séparer les zones de couleur par une forme nette, voire par un fin liseré blanc, quand deux teintes se touchent ;
• éviter de faire porter un sens à une couleur seule : la forme doit pouvoir parler d’elle-même ;
• prévoir une version du logo en une seule couleur, qui doit rester parfaitement compréhensible ;
• soigner la typographie du nom, avec une graisse suffisante pour ne pas « baver » sur un fond coloré.

Joie de vivre et sérieux : le grand écart d’une association

Une organisation qui agit pour des enfants orphelins a un message délicat à porter. Elle parle d’une réalité difficile, mais elle veut donner envie d’agir, pas de détourner les yeux. Le choix de Fond’Actions et de l’équipage a été clair : un logo qui respire la joie de vivre. Il montre ce que l’action apporte (des sourires, de l’élan, des projets positifs) plutôt que la détresse qui la motive.

Ce parti pris lumineux demande d’autant plus de rigueur. Une identité gaie doit inspirer confiance aux donateurs et aux partenaires : on attend d’elle qu’elle soit nette, cohérente, bien construite. Le contraste maîtrisé fait partie de ce sérieux discret. Un logo lisible par tous dit, sans un mot, « nous pensons à chacun ».

Il y a là une jolie cohérence. Une organisation qui agit pour que des enfants ne soient pas laissés de côté gagne à porter une image que personne ne laisse de côté non plus. L’accessibilité d’un logo, c’est un peu sa politesse : on ne la remarque pas quand elle est là, on la regrette quand elle manque.

Des couleurs qui voyagent

Une organisation tournée vers un pays lointain communique sur des supports très variés : site internet, réseaux sociaux, tee-shirts de bénévoles, banderoles d’événements, dossiers de partenariat, parfois documents imprimés sur place avec les moyens du bord. Les couleurs du logo doivent survivre à une impression bon marché comme à un écran mal réglé. Des couleurs vives bien contrastées traversent mieux ces épreuves que des nuances subtiles, qui virent vite au terne.

Les erreurs qui ternissent un logo coloré

• Associer deux couleurs vives de même clarté : elles vibrent à l’écran et fatiguent l’œil.
• Poser un texte jaune ou vert clair sur du blanc : la lecture devient une épreuve, surtout en plein soleil.
• Multiplier les couleurs : au-delà de quatre ou cinq teintes, le logo perd son unité et son impression se complique.
• Oublier le fond : un logo pensé sur blanc peut s’effondrer sur une photo ou sur un fond foncé. On prévoit une version pour chaque cas.
• Confier la vérification au hasard : un test en niveaux de gris et une simulation de daltonisme prennent quelques minutes, et évitent des années de logo pâlot.

D’autres logos de l’atelier ont aussi misé sur la couleur et le dessin pour parler à leur public : celui du spectacle Abracadapied, pour les enfants, ou celui du réseau AT-e Konseils, bâti autour d’une couleur dominante forte.

Une identité qui parle à tout le monde

Association, collectivité, entreprise, commerce : un logo accessible touche plus de monde, plus longtemps. L’équipage de Graph’in ! dessine des logos et identités visuelles pensés pour tous les regards, et des sites internet qui respectent les règles de contraste. Parcourez nos réalisations, puis contactez-nous, entre Nantes et Ancenis ou à distance.

Merci à Fond’Actions Orphelinats du Pérou d’avoir confié ce beau projet à Graph’in ! Levez l’encre !

Vos questions, nos réponses