Articles tagués refonte

Fiches conseils parents : création personnages

Retour sur un projet finalisé en 2016 : l’UDAF 61 et Familles rurales distribuent depuis de nombreuses années des fiches conseils pour les parents. À l’occasion de la mise à jour du contenu des fiches, les deux associations partenaires m’ont confié la tâche de refondre le document, afin de lui donner un coup de jeune visuellement, le rendre visuellement plus attractif et plus agréable à lire et clair.

Effectivement, il y avait besoin : voici à quoi le document ressemblait.

Le livret ancienne version, à repenser

Suite à nos réflexions préliminaires, nous décidons d’adopter le système du classeur, qui évitera que les fiches restent volantes et faciles à mélanger et à perdre. L’adoption d’onglets est également validée, pour faciliter le repérage dans l’ensemble des fiches, réunies en rubriques par âge.

Je propose également de créer des personnages assez nombreux pour répondre au souhait de rendre compte de la diversité des familles d’aujourd’hui. Le choix de deux familles est validé : l’une sera composée de parents blancs avec une fille adolescente et un bébé adopté, noir ; l’autre, typée un peu méditerranéen, composée d’une mère seule élevant deux garçons, un enfant et un ado, et des grands-parents maternels.

Version 1. Les deux mères sont jugées trop ressemblantes, le bébé trop jeune.

 

Version 2 – La famille de gauche n’est pas encore pleinement satisfaisante. De nouvelles recherches sont programmées pour la mère et l’adolescent.

 

Version 3. Version adoptée.

Deux autres personnages liés à la jeune fille viendront compléter ces deux familles : son animal familier, une petite souris (ci-dessus visible dans sa poche), et son petit ami métis (ci-dessous).

Retour haut de page

, , , , , ,

Poster un commentaire

Dépliant d’information du collectif Sid’Orne 2/2 : le projet finalisé

[Cliquer sur les images pour agrandir]

depliant-SIDOrne-2012_couv

depliant-SIDOrne-2012_intpages intérieures

Couverture

Le choix de la couverture, parmi les différents projets que je vous avais présentés ici, s’est porté sur la version la plus percutante visuellement. J’ai travaillé la quatrième de couverture en reprenant l’idée graphique centrale (le symbole du cœur), mais en introduisant quelques éléments graphiques de l’illustration des pages intérieures (silhouettes dans la gamme des verts, formes circulaires ici matérialisées par des pointillés) afin d’assurer une continuité entre les deux faces du dépliant, très différentes tant du point de vue de la composition que de la couleur dominante.

La dominante rouge (couverture) et la dominante verte (pages intérieures) étant des couleurs complémentaires, une harmonie globale du document était néanmoins déjà présente, malgré le contraste frappant. Ces dominantes jouent un rôle fonctionnel délibéré : le rouge de couverture attire l’attention et situe le document comme traitant de l’amour au sens large (et pas seulement au sens de l’acte sexuel), comme voulu par le commanditaire. Le vert des pages intérieures permet de donner une impression apaisante pour désamorcer les évocations inquiétantes le plus souvent liées à la question du dépistage.

Illustration centrale

La demande était de représenter un carrefour, vu de dessus, constituant le point de convergence de plusieurs voies qui devaient représenter les choix possibles d’actions, et conduisant aux lieux ressources correspondants, représentés par un bâtiment représentatif. Cette demande était directement inspirée de l’illustration de la précédente version du dépliant, que voici :

illustration-ancient-depliant

L’illustration de l’ancien dépliant, dont je devais reprendre le concept

Un schéma m’a été fourni par l’équipe commanditaire pour me présenter l’idée, et les éléments à inclure :

schema

Le schéma qui m’a été fourni

Pour rendre l’illustration plus lisible et attractive, il fallait d’abord réduire et hiérarchiser les nombreuses informations textuelles et visuelles. La décision préalable que j’ai soumise au commanditaire a été d’abandonner l’idée des « villes » (dépistage land et prevention land), pour pouvoir hiérarchiser les informations sous un intitulé unique (« J’ai pris un risque », « j’en parle », etc.).

J’ai ensuite cherché à représenter le carrefour de la façon la plus dépouillée possible, afin de ne pas surajouter d’informations visuelles, les textes étant déjà nombreux. Plusieurs décisions m’ont permis d’arriver à un résultat très simple visuellement :

  • suppression de la représentation de bâtiments, qui n’apportait pas d’information en soi ;
  • réorganisation de la répartition et de la hiérarchie des textes. Le schéma présente, entouré dans des bulles, des textes à la première personne destinés à servir de titres de rubriques pour présenter des informations de même nature. Or ces textes sont de deux types différents : certains listent les motivations types justifiant l’intérêt pour le présent document d’information, d’autres les actions possibles. Séparer ces deux types de textes permet de les hiérarchiser différemment, et donc de gagner en clarté. En affectant aux actions le statut de titre, je pouvais dynamiser la lecture en orientant l’état d’esprit du lecteur vers l’action. Je limitais du même coup le nombre de titres, et disposais ainsi d’une plus grande liberté pour reprendre la taille imposante des titres de couverture. Cerise sur le gâteau, je pouvais ainsi également limiter le nombre de voies à représenter. Beaucoup de bénéfices en une seule décision !
  • En regroupant les personnages et leurs motivations au centre, j’économisais des voies à représenter, et mettais chaque personnage en situation d’être immédiatement prêt à prendre une voie de son choix, renforçant le sentiment dynamique de l’illustration et son message d’incitation à l’action.
  • En représentant les personnages de dos, je les orientais dans la même direction que le corps du lecteur – et non en face -, renforçant la possibilité de s’identifier, le sentiment de facilité à « rejoindre le groupe » représenté.
  • la représentation de voies me semblait susceptible de compliquer la lecture de l’illustration. La métaphore d’un carrefour de directions possibles était pertinente du point de vue conceptuel, mais représenter routes et signalisation allait amener à charger l’illustration de nombreux signes graphiques. J’ai donc cherché à conserver l’idée d’un carrefour de directions sans la matérialiser par une voirie. Il m’est rapidement apparu que la matérialisation de directions pouvait se faire « en creux », en représentant non pas les voies de déplacement elles-mêmes mais au contraire les espaces pleins qu’elles séparent. La forme en croix typique d’un carrefour apparaît ainsi sans être pour autant matérialisée elle-même graphiquement.  Autre innovation apportée : représenter les « espaces pleins » par des formes rondes (plutôt que rectangulaires), qui présentent plusieurs avantages : évocation des courbes du symbole de cœur en couverture ; évocation de ballons gonflés à l’hélium utilisés parfois pour la signalétique de grands espaces d’exposition ; absence d’angles, adoucissant l’impression générale de l’illustration.

Pour finir, j’ai décidé que les bulles (phylactères, matérialisant les motivations / pensées des personnages) seraient de simples rectangles aux bords arrondis, sans excroissance triangulaire traditionnellement utilisée en bande dessinée pour flécher le personnage s’exprimant. La désignation explicite d’un personnage étant absente pour chaque bulle, on peut ainsi attribuer chaque « pensée » au personnage de son choix, et trouver ainsi la combinaison parfaite pour se reconnaître, quels que soient notre motivation de lecteur, notre sexe ou notre âge.

Retour haut de page

, , , , , , ,

Poster un commentaire

Dépliant d’information du collectif Sid’Orne 1/2 : la couverture

La demande initiale était de conserver le slogan et l’idée des silhouettes – pour symboliser la variété des situations familiales et des âges concernés.

J’ai vivement suggéré de ne pas conserver le visuel faisant office de logo (ruban rouge sur département de l’Orne) afin de centrer la couverture sur un visuel unique. J’ai suggéré d’adopter plutôt la solution d’un simple texte, rédigé du point de vue de l’intérêt direct du lecteur : « Où s’informer, etc. ».  Cette solution permet de rendre drastique la hiérarchisation de l’information visuelle, avec une très grande différence de taille entre le premier niveau (slogan + silhouettes) et le second (texte « secondaire »). L’effet, très graphique, des caractères grande taille, et la dissémination des silhouettes sur l’ensemble de la page, dynamisent et modernisent la composition. Le fond blanc permet à la fois d’obtenir un ensemble lumineux, tout en mettant en valeur l’intensité des couleurs adoptées pour le slogan et les silhouettes. L’adoption, pour le slogan d’une part et les silhouettes d’autre part, d’une gamme de couleurs restreinte, permet de bien distinguer les deux groupes l’un de l’autre malgré leur entremêlement dans l’espace de la page.

Ces deux autres propositions démontrent que l’idée des silhouettes peut ne pas être conservée dans la nouvelle version. En effet, les silhouettes n’apportent pas de contribution directe à la compréhension du message. Pire, elles peuvent dans une certaine mesure réduire les chances qu’un public particulier se reconnaisse et, partant de là, l’amener à déduire ne pas être concerné par l’information contenue dans le dépliant.

Ces propositions alternatives privilégient donc une illustration symbolique. Celle choisie (forme stylisée habituelle d’un cœur) permet une identification immédiate et intuitive du sujet, avant même que le texte ne soit lu. Elle matérialise l’intention d’orienter les messages de prévention SIDA sur une mise en contexte de la relation plus large et globale que le seul aspect sexuel.

La couleur rouge induite par le symbole du cœur présente deux avantages :

  • couleur très vive, chaude et dynamique, elle a un très fort potentiel d’accroche de l’attention ;
  • sa couleur complémentaire, le vert, peut être attribuée au texte « sans sida », conférant à ces mots les connotations rassurantes et apaisantes de cette couleur, à l’exact opposé de la peur que la maladie peut provoquer, et de son influence négative sur le désir d’information et de prévention.

, , ,

Poster un commentaire

Réinterprétation du logo MDA61, épisode 7 : création du personnage féminin

Avant de reprendre une semaine chargée, voici le dernier épisode de la présentation du travail de réinterprétation du logo d’Antonin, qui a mené à la version finalisée présentée à l’épisode 5.

Je vous présente ici, en résumé, quelques phases clé de la création du personnage féminin. N’étant pas un dessinateur de manga, la difficulté était d’adopter un dessin dont suffisamment de caractéristiques étaient typiques de ce style. Pour cela j’ai donc commencé par rassembler des images de personnages existants d’auteurs divers qui me semblaient pouvoir servir de base d’inspiration.

Cliquer sur l’image pour agrandir.

Création du personnage féminin du logo MDA61Les phases principales d’élaboration du personnage.

Les phases présentées ci-dessus sont une sélection, il y a évidemment eu beaucoup plus de croquis préparatoires et d’étapes successives.  Les documents utilisés comme source d’inspiration, par exemple, ont été nombreux et ne se limitent pas aux deux montrés ici, ils ont servi pour le travail sur des détails comme les cheveux par exemple, ou l’usage de la couleur.  Le profil du personnage féminin, comme les courbes des mèches, ont « traversé » plusieurs versions, avant d’être arrêtés.

J’ignore l’identité des auteurs des deux illustrations montrées ici comme exemples des sources documentaires utilisées, si vous les connaissez, n’hésitez pas à me le signaler afin que je puisse les créditer ici.
Retour haut de page

, , , , ,

Poster un commentaire

Réinterprétation du logo MDA61, épisode 6 : présentation de la version finalisée

Avant de vous présenter le travail de recherches sur les personnages, voici la note d’intention fournie au commanditaire pour expliquer les choix graphiques. Pour ceux d’entre vous qui avez suivi depuis le début et connaissez le travail de réflexion préalable (épisodes 2 & 3) ainsi que l’esquisse (épisode 4), l’intérêt du document réside principalement dans l’explication de la symbolique de l’anneau, dont je n’ai pas encore parlé ici.

Cliquer sur l’image pour agrandir dans une nouvelle fenêtre.

Note d'intention présentant la version finalisée du MDA61
Retour haut de page

, , , ,

Poster un commentaire

Réinterprétation du logo MDA61, épisode 5 : version finalisée

Voici le résultat finalisé, après pas mal de travail et des phases successives d’améliorations, dont je présenterai bientôt quelques-unes.

 

Logo MDA61 finaliséCliquer sur l’image pour agrandir

Retour haut de page

, , , ,

Poster un commentaire

Réinterprétation du logo MDA61, épisode 4 : esquisse retenue

Suite de la série présentant le travail de refonte du logo d’Antonin Landemaine.

Voici, après plusieurs recherches, l’esquisse qui m’a semblé résoudre au mieux les différents objectifs que je m’étais fixé dans la phase précédente :

Esquisse du projet de refonte du logo pour la MDA(Cliquer sur l’image sur l’agrandir)

Retour haut de page

, , , , , ,

Poster un commentaire