Spécialisation de la conception des informations pour les infographies et la narration visuelle

Inspiration / Sonja Kuijpers

Dans cette leçon, je vous présenterai quelques travaux de personnes que j'admire. Leur travail est manuel et analogique : ils utilisent la visualisation de données pour compter, noter et présenter des données. La nature est aussi pour moi une influence et un anti-stress : j’aime sortir et emporter mon appareil photo avec moi.

Inspiration / Federica Fragapane

Dans cette leçon, je parlerai des mondes qui ont eu et ont encore un impact sur mon approche du design.

Inspiration / Catalina Plé

Ensuite, j’aimerais parler de certaines de mes influences les plus importantes et de la façon dont elles ont eu un impact sur mon travail et ma créativité, même si je n’en étais pas conscient à l’époque.

Mon inspiration créative vient de sources très diverses. Dans cette vidéo, je vous en présente quelques-unes, comme un film d'animation du studio Ghibli, des Polly Pockets, des instructions Ikea et des illustrations de biologie.

Inspiration / Jing Zhang

Qu'est-ce que l'illustration de données ?

Module 2

Rejoignez Gabrielle pour découvrir l'univers captivant de la narration de données à travers l'art. Inspiré par l'approche unique de Gabrielle Merite, vous découvrirez comment transformer des chiffres bruts en infographies captivantes grâce au collage et à l'illustration. Découvrez comment les données peuvent susciter l’empathie, sensibiliser et laisser un impact durable grâce à la créativité visuelle !

20 leçons (2 h 50 min)

Commençons par clarifier pourquoi j’appelle la plupart de mes travaux des illustrations de données plutôt que des visualisations.

La quête de données inspirantes

Le projet du module s'appuiera sur des données. Mais où les chercher ? Je vous expliquerai comment je trouve des sujets inspirants et comment je gère les données associées.

Création d'un résumé de données

Maintenant que nous avons trouvé les données, nous allons approfondir les subtilités de l'histoire : quelles informations sont transmises par les données, quel type de biais devons-nous rechercher et que pensent les gens de ces données ?

Direction créative et conceptualisation

L'histoire est prête ! Je vais maintenant vous montrer comment commencer à réfléchir à l'orientation visuelle de votre visualisation de données. Ensuite, j'expliquerai comment trouver l'inspiration dans différents domaines artistiques, du design et de la photographie.

Maintenant que votre carte de mots est terminée, je vais vous montrer comment vous pouvez utiliser ces mots-clés pour faire votre recherche visuelle.

Recherche visuelle

Exploration des graphiques de données

Pour commencer, je vais rapidement passer en revue comment choisir le bon graphique et montrer comment je teste les graphiques dans Excel.

Croquis rapides de vignettes

Maintenant, je vais vous montrer quelques exemples de ce que je fais habituellement pour appliquer mes idées créatives à des croquis miniatures rapides pour tester la composition.

Dans cette leçon, j'aborderai les cas où il est possible de trouver des images libres de droits et du domaine public. Nous examinerons également les caractéristiques de chaque image en termes de qualité, de couleur et de diversité.

Trouver la photographie

Dans cette leçon, je vous guiderai dans la création d'un prototype rapide dans Adobe Illustrator et Photoshop basé sur l'esquisse miniature et le graphique Excel.

Création du prototype 1

19 min

Création du prototype 2

Une fois le prototype prêt, l'étape suivante consiste à le présenter au client. Laissez-moi vous montrer comment je privilégie cette méthode.

Dans cette leçon, je vais vous montrer deux techniques simples pour découper des images de leur arrière-plan.

Nettoyage des images

7 min

Planter le décor

Ensuite, je vais vous donner un exemple de la manière de créer une ambiance dans la création d’une scène réaliste – un désert au coucher du soleil – grâce à des dégradés et des images.

Création de l'élément graphique en 3D

Ensuite, je vais vous montrer comment créer un graphique à barres 3D transparent avec Adobe Illustrator et Photoshop.

14 min

Ajout d'icônes de graphique 1

Dans cette leçon, je vais vous montrer une autre technique dans Adobe Illustrator pour créer des icônes 3D.

17 min

Ajout d'icônes de graphique 2

Maintenant que ma carte est prête, je vais l'intégrer au paysage en la cachant derrière la dune.

6 min

Ajout de l'élément humain et de touches réalistes 1

Nous utiliserons les images que nous avons sélectionnées et nettoyées, les incorporerons dans notre scène et effectuerons quelques ajustements finaux pour les rassembler toutes.

19 min

Ajout de l'élément humain et de touches réalistes 2

Dans la deuxième partie de cette leçon, je ferai les dernières touches pour améliorer l’ambiance, l’apparence et la sensation de la pièce.

Dans cette leçon, je vais vous montrer comment je sélectionne les polices que j'utilise pour mes graphiques et comment je prends en compte l'accessibilité lors de la configuration des légendes et des titres.

Légende et typographie

11 min

Exportation des données Illustration

Il est temps de partager votre illustration ! Je vous montre ici comment l'exporter pour les réseaux sociaux sous forme de carrousel. Je détaille également les modifications à apporter pour la préparer à l'impression.

Texte alternatif pour l'accessibilité

Le texte alternatif est un moyen de rendre votre travail accessible à un public plus large. Dans cette leçon, je vous montrerai le processus que j'utilise pour le rédiger.

Le sujet de votre visualisation

Module 3

Plongez dans l'univers de l'illustration de données avec le style dynamique de Sonja Kuijpers. Apprenez à utiliser la couleur, la forme et la mise en page pour transformer des informations complexes en affiches visuellement percutantes. De la collecte et de l'analyse de données à la conception de visuels pertinents, cette leçon vous permettra de raconter des histoires captivantes grâce aux données.

12 leçons (1 h 35 min)

Tout d’abord, je vais partager avec vous comment trouver quelque chose que vous voudriez visualiser ; une approche constructive consiste à rechercher des sujets qui vous touchent à un niveau personnel.

À la recherche de données

Il est temps de vous plonger dans votre sujet et de choisir l'angle de votre projet. Ensuite, vous déciderez de la méthode ou de la technique à appliquer. Inspirez-vous de plusieurs sources : cela peut vous aider à choisir les couleurs, le style et l'approche.

7 min

Récolte des données

Je vais maintenant vous expliquer comment collecter les données : je vais vous montrer comment filtrer manuellement le livre et collecter les informations que vous utiliserez comme source de données pour votre visualisation.

11 min

Les « données » pour votre visualisation

Dans cette leçon, vous allez examiner les données collectées.

Vous pouvez maintenant commencer à esquisser vos idées pour décider comment vous souhaitez styliser, concevoir et présenter votre visualisation.

Esquisse et scénario

Au cours de cette leçon, je rassemblerai les données, les idées, l’inspiration et les outils.

Méthode et couleurs

Pour vous montrer ma méthode habituelle, je vais vous expliquer comment passer d'Excel à Illustrator. Je vous présenterai également ma configuration de base pour la conception.

Flux de travail

1 min

Intégrer les éléments dans votre conception 1

Il est temps d'organiser les pièces, d'apporter des couches d'informations supplémentaires et de mélanger le tout pour obtenir le résultat souhaité.

18 min

Intégrer les éléments dans votre conception 2

Je continuerai à travailler avec les symboles que j'ai attribués à chaque élément du graphique. Je reviendrai ensuite à l'illustration originale pour compléter mon projet.

16 min

Titre et explication

Occupons-nous d'un autre élément important à ne pas oublier d'ajouter : le titre du projet !

Commentaires et modifications finales

C'est le moment de demander l'avis de quelqu'un, de vérifier si votre conception répond à l'objectif et d'effectuer quelques modifications finales.

Dans cette leçon, je partagerai quelques derniers conseils pour présenter votre nouveau projet au public.

Partager votre travail

Une traduction visuelle du contenu : le rôle de la perception

Module 4

Découvrez avec Federica Fragapane comment les données peuvent devenir un puissant outil de narration grâce aux visuels poétiques de Fragapane. Dans ce module, vous découvrirez comment créer des visualisations de données narratives à l'aide de formes expressives et organiques. Apprenez à transformer la complexité en beauté et à rendre des sujets significatifs visuellement accessibles et émotionnellement porteurs.

17 leçons (3 h 6 min)

Dans cette leçon, je présenterai le domaine de la visualisation des données, son potentiel dans la communication d’histoires et le rôle de la perception.

6 min

Les questions pour commencer

Je vais maintenant parler des questions que vous devriez vous poser avant de démarrer un nouveau projet, des besoins et des raisons qui peuvent conduire à des choix de conception spécifiques, et du très large éventail de projets potentiels sur lesquels il existe.

Ensuite, je parlerai de la relation entre les mots visuels et écrits et de leur importance lors de la conception de récits de données visuelles.

Mots visuels et écrits

Le processus de narration avec des données

J'aborderai ici la manière de raconter des histoires à l'aide de données et d'éléments visuels, tout en réfléchissant à la manière dont ces récits seront explorés par les lecteurs. Je partagerai avec vous le processus et les raisons qui ont motivé certains de mes projets que j'apprécie particulièrement.

Utiliser et remettre en question les métaphores visuelles

Dans cette leçon, je parlerai de la manière dont nous pouvons utiliser – et parfois remettre en question ! – les métaphores visuelles dans nos projets de visualisation de données, pour créer de nouveaux environnements dans lesquels les lecteurs peuvent s'immerger.

Dans cette leçon, nous travaillerons ensemble sur la première phase du projet : la recherche des données pour l'histoire. Je vous aiderai à démarrer ce processus en vous montrant comment trouver des sources fiables. Je vous suggère de choisir un sujet qui vous passionne ou qui suscite votre curiosité.

Sélection du sujet

Création de l'ensemble de données 1

Dans cette leçon, je vous guiderai dans la création d'un jeu de données avec Google Sheets. Pour commencer, vous apprendrez à importer vos données brutes. Je vous montrerai comment procéder à l'aide des données que j'ai trouvées sur les énergies renouvelables, dont les liens se trouvent dans la section Ressources supplémentaires ci-dessous.

Création de l'ensemble de données 2

Maintenant que j'ai rationalisé mes données jusqu'aux 40 premiers pays, je vais commencer à inclure toutes les informations supplémentaires que je souhaite afficher sur la consommation par habitant, la région du monde et la population.

18 min

Esquisse : la macrostructure de l'histoire

Je vais maintenant passer du tableau à la narration. À l'aide des données, je vous montrerai comment esquisser la macrostructure de l'œuvre.

Dans cette leçon, je vais vous montrer comment utiliser RAWGraphs, un outil en ligne gratuit, pour concevoir la première partie du projet.

Graphiques RAW

Adobe Illustrator : Création de la visualisation 1

L'étape suivante consiste à importer le graphique dans Adobe Illustrator, où il sera enrichi de nouveaux éléments et informations. Je partagerai avec vous les astuces et outils que j'utilise pour concevoir des éléments visuels précis et personnalisés.

18 min

Adobe Illustrator : Création de la visualisation 2

Dans la deuxième partie de cette leçon, je créerai un modèle en forme de feuille qui représentera les données que j'ai collectées sur la consommation par habitant. Pour créer des visuels efficaces, vous devrez peut-être simplifier vos données. Je vais vous montrer comment procéder.

15 min

Adobe Illustrator : Création de la visualisation 3

À ce stade, mon projet commence vraiment à prendre forme ! J'ai terminé la visualisation de chacun de mes 40 pays. Je vais maintenant vous montrer comment identifier les éléments à peaufiner avant de procéder aux ajustements nécessaires.

16 min

Adobe Illustrator : affiner la visualisation

Je vais maintenant vous montrer comment peaufiner la visualisation que vous avez créée. Travailler les détails avec soin et attention est une étape cruciale du processus créatif. Abordons le sujet ensemble !

20 min

La Légende et le Texte 1

Dans cette leçon, je montrerai comment travailler sur les éléments clés qui aideront les lecteurs à utiliser et à naviguer dans la pièce : la légende et le texte explicatif.

Je vais ici poursuivre mon travail sur la clé qui deviendra essentielle à la compréhension des visuels par le lecteur. Seule la compréhension des visuels permet d'extraire les données.

La Légende et le Texte 2

Détails finaux, version mobile et exportation

Pour conclure, j'aborderai l'importance de prendre en compte les appareils utilisés par les lecteurs. Nous travaillerons sur une version mobile du projet.

Tout d'abord, je parlerai du message et du public. Les infographies sont puissantes. En tant que créateurs d'infographies, nous devons donc savoir quel message nous souhaitons transmettre. Puisque nous allons visualiser des informations, nous devons toujours tenir compte de la clarté du message et, pour ce faire, nous devons surtout considérer qui va le lire.

Module 5

Cette fois, Catalina Perez vous présente les fondamentaux du storytelling visuel. De la définition de votre message à la conception d'infographies percutantes dans Adobe Illustrator, vous apprendrez à transformer des idées complexes en visuels clairs et captivants. Explorez l'équilibre entre analyse et esthétique, et découvrez comment informer et inspirer grâce au design.

9 leçons (1 h 14 min)

Le message et le public

Sources, histoire et concepts clés

Dans cette leçon, j'aborderai l'importance de vérifier ses sources pour vérifier les faits. Une fois votre histoire rédigée, vous identifierez les concepts clés et réfléchirez à des idées visuelles.

Quels sont les différents types d'éléments visuels utilisables pour créer une infographie ? La liste est vaste, je vais donc vous présenter les éléments visuels les plus courants qui peuvent vous aider à illustrer précisément ce que vous souhaitez.

Types de visualisations

Transformer des idées en vignettes

Il est temps de penser visuellement ! Dans cette leçon, vous apprendrez à traduire vos idées en éléments visuels.

17 min

Définition du format et esquisse des informations visuelles

Dans cette leçon, je parlerai des formats les plus courants et de leurs principales différences, et j'aborderai quelques concepts de design graphique qui nous aideront dès le départ. Je vous montrerai comment j'ai assemblé les éléments visuels choisis précédemment pour raconter l'histoire de la production du café, de la récolte à la tasse.

Préparation du fichier numérique

Vous devrez identifier les formats d'impression les plus courants dans votre région (les formats américains sont différents du reste du monde, mais vous pouvez trouver des proportions similaires). Je définirai les largeurs de trait, les polices de caractères, les repères généraux, les tailles minimales, etc. Au final, vous aurez tout en main pour un flux de travail efficace.

L'étape suivante consiste à dessiner (ou photographier) les éléments nécessaires à l'infographie et à créer les graphiques. Certains graphiques de base seront créés directement dans Adobe Illustrator. Je vous présente ici ma méthode !

Les touches finales

17 min

Relecture et publication

Une fois la conception terminée, nous exportons certains fichiers pour vérifier la lisibilité, détecter les fautes de frappe, etc. Une fois que nous sommes sûrs que tout est correct, nous envoyons le fichier à l'imprimeur et le publions sur les réseaux sociaux. Je vous donnerai quelques conseils sur ce processus et vous expliquerai comment garder vos archives bien rangées et organisées au cas où vous auriez besoin de créer d'autres copies ou de mettre à jour le document final.

1 min

Travailler avec les clients

Que faut-il prendre en compte lorsque vous travaillez avec des clients ? Voici quelques conseils pour faciliter votre travail et votre communication avec eux. Surtout, restez professionnel et amusez-vous !

Qu'est-ce qu'une infographie illustrée ?

Module 6

Il est temps d'explorer l'univers dynamique de Jing Zhang, où données et illustrations se rencontrent en 2D et 3D. Découvrez comment créer des infographies non seulement informatives, mais aussi visuellement époustouflantes, grâce à des outils comme Illustrator et Cinema 4D. Ce module vous permettra d'allier précision technique et talent artistique pour créer des visuels inoubliables.

13 leçons (2 h 7 min)

Nous savons tous ce qu'est une infographie : des informations présentées sous forme graphique. Mais l'infographie illustrée va encore plus loin : il s'agit d'informations richement illustrées. L'information est presque secondaire par rapport à l'illustration elle-même. Pourtant, sans elle, l'histoire ne peut être racontée dans son intégralité. Dans cette leçon, j'expliquerai plus en détail ce qu'est une infographie illustrée. Je présenterai également le projet final sur lequel nous travaillerons pour ce cours.

Dans nos cours, nous utiliserons deux logiciels différents pour créer l'illustration : Cinema 4D (3D) et Adobe Illustrator (vectoriel 2D). Avant cela, je vous montrerai les bases pour combiner ces outils de manière fluide.

Logiciels et interfaces

7 min

Concept, idée visuelle et mood board

Le concept est tout aussi important que le visuel. Il ne faut donc jamais passer trop de temps à se renseigner sur son sujet. Ce que je trouve le plus intéressant dans les infographies, ce sont généralement les sujets. J'ai souvent autant envie d'en apprendre plus que de les illustrer. Dans cette leçon, je vais vous montrer comment analyser votre brief, développer le concept à travers vos recherches et comment créer votre mood board.

6 min

Création de la forme dans Illustrator

À l'aide de l'outil Plume d'Illustrator, je vais vous montrer comment créer le contour dont nous aurons besoin plus tard pour la forme de base dans Cinema 4D. C'est la première étape pour développer vos compétences en 2D et 3D.

16 min

Transformer une forme 2D en un objet 3D

Je vais maintenant vous montrer comment transformer une forme 2D en objet 3D. Vous apprendrez à utiliser l'outil « Fusionner » pour importer un fichier Illustrator dans Cinema 4D.

Créer des formes géométriques

Après avoir conçu la cellule végétale 3D de base, nous pouvons commencer à la remplir avec des éléments tels que la vacuole et le noyau. Ceux-ci sont beaucoup plus simples que le réticulum endoplasmique. Nous pouvons utiliser les outils intégrés de Cinema 4D pour les créer.

Maintenant que nous disposons d'un modèle 3D de base, nous pouvons appliquer des « matériaux » pour donner aux objets différents types de textures. Je vais également expliquer brièvement les « Paramètres de rendu » et « Illumination globale ». Ces éléments rendront l'éclairage plus naturel.

Texturation et éclairage

Cette étape est consacrée à la planification et à la finalisation de votre illustration. Certains trouveront peut-être plus simple d'illustrer directement avec un dessin vectoriel. C'est tout à fait possible. Personnellement, je trouve cela plus facile avec des croquis, c'est pourquoi j'utilise Procreate pour finaliser mon illustration.

Esquisse finale

Dans cette leçon, nous allons réaliser l'illustration dans Illustrator. De nombreux éléments ne sont pas encore inclus dans le modèle 3D, comme le ribosome (les minuscules points situés à l'extérieur du réticulum endoplasmique) et le lysosome. Ils seront facilement ajoutés dans Illustrator.

Illustration finale 1

Nous allons maintenant ajouter les plantes et les feuilles à partir de notre croquis initial. Ne vous souciez pas de le reproduire exactement. Nous suivrons simplement les lignes de base de nos formes avec l'outil Crayon.

Illustration finale 2

Il nous reste à ajouter les derniers éléments manquants à notre infographie. Ensuite, je vous montrerai comment ajouter de la texture à l'illustration que vous venez d'ajouter dans Illustrator afin qu'elle ne paraisse pas plate par rapport à votre vecteur. Nous terminerons par l'ajout des personnages.

Illustration finale 3

Conception de la mise en page de l'infographie

Il est temps de concevoir la mise en page de notre infographie, étape finale de ce projet. Pour cela, je vous montrerai comment ajouter des données et des informations pour finaliser le design.

Comment promouvoir et présenter votre travail

Une fois votre illustration terminée, vous souhaiterez peut-être la publier. Nous allons apprendre ici comment présenter et promouvoir votre travail sur les réseaux sociaux. Je vous présenterai, du point de vue d'un juge (en tant que jury Design et Direction Artistique cette année), les critères de présentation.