Qu'est-ce que le motion design ? Textes, chiffres et graphiques animés, et quand une carte vaut mieux qu'un enregistrement d'écran

Le terme couvre tout élément graphique qui bouge pour porter une information : typographie cinétique, graphique animé, chiffre qui défile, logo qui se dévoile. L'animation de personnages (un dessin qui joue une scène) n'en fait pas partie, pas plus que les images filmées, y compris l'enregistrement d'un écran. Le motion design est dessiné, pas filmé, et conçu pour rendre une idée lisible en quelques secondes.

Dans un film commenté, son rôle est précis : la voix dit une phrase, la carte montre la seule chose que l'œil doit en retenir. Si la carte montre ce que la voix ne dit pas, le spectateur ne garde ni l'un ni l'autre. La règle de notre planificateur tient en trois mots : montrer, puis dire.

Chaque scène est dessinée avec l'un des 21 visuels de scène. Hors images et galeries, ce sont des cartes de motion design, chacune avec son propre mouvement en plus de son entrée :

• Chiffres. La carte chiffres clés affiche deux à quatre valeurs qui montent depuis zéro, en décalé. Le grand chiffre fait défiler une seule valeur phare. Le compteur barre l'ancienne valeur et fait apparaître la nouvelle (« 3 heures » devient « 3 minutes »). Les compteurs respectent la notation de la langue du film : un « 1,13 » français s'arrête à un virgule treize, pas à 113.
• Données. L'histogramme fait monter ses barres, de deux à six points. Les jauges se remplissent jusqu'à un pourcentage. Le tableau se révèle ligne par ligne.
• Structure. La frise trace un trait entre des étapes numérotées. La check-list empile coches et croix. La carte comparaison coupe l'écran entre l'ancienne méthode et la meilleure. Une grille, des cartes tarifs et une bande de logos couvrent fonctionnalités, offres et partenaires.
• Paroles. Une citation, un avis client avec étoiles, et une conversation dont les bulles arrivent une à une.
• Texte. La phrase-choc est une ligne en gras animée mot par mot, et la carte titre ouvre un film ou un chapitre. La carte avant/après fait glisser une image sur l'autre.

Les entrées forment deux familles. La phrase-choc accepte plus de quarante animations de texte mot à mot, dont une série cinétique qui dessine autre chose que le mot : un surlignage qui passe derrière chaque mot, un mot qui tombe et fait trembler l'écran, un contour qui se remplit, un curseur de machine à écrire. Les autres cartes prennent l'une des plus de trente entrées de bloc (un volet, un iris, une lente dérive façon Ken Burns), et aucune animation ne revient deux fois dans un même film. Une scène « problème » peut aussi recevoir un voile rouge et un léger tremblement, une scène « réussite » un halo chaleureux.

Choisissez le visuel d'après la forme de ce que vous dites, pas d'après l'effet produit. Notre planificateur suit une logique proche quand il écrit un storyboard à partir d'une page.

Ce film présente MolForge, une plateforme d'IA pour la découverte de médicaments (molforge.ai). C'est notre propre storyboard, écrit avec create_animation : 14 scènes, 175 mots en anglais, 91 secondes en 16:9. Aucune page n'est enregistrée à l'écran ; les deux vues du produit sont des images du site.

Un clip IA d'une chimiste, de nuit, ouvre sur « Drug discovery can take more than a decade » (la découverte d'un médicament peut prendre plus de dix ans). Une carte phrase demande « What if your R&D moved at the speed of AI? » et une carte titre nomme le produit. Une carte chiffres clés titrée « Figures from molforge.ai » fait défiler 92M+ composés, 100M brevets et 276M publications, chacun prononcé par la voix. Une carte comparaison partage l'écran entre deux outils, IP Radar et Lit Radar, trois lignes chacun. Un grand chiffre, « < 30 s », défile sous « Results in under thirty seconds ». Deux grilles listent six outils et quatre publics, une carte tarifs montre les formules, et une phrase conclut : « Try MolForge free. »

Neuf cartes, deux images du site et trois clips IA évitent l'effet diaporama à un script chargé en fonctionnalités. À reprendre : la carte de chiffres affiche sa source à l'écran, et la carte comparaison met deux produits côte à côte, pas seulement l'ancien contre le nouveau. Ce que nous changerions : les scènes 10 à 12 enchaînent trois cartes et le rythme retombe ; une image du site entre les deux grilles casserait la série.

La carte l'emporte quand l'idée n'a pas d'image : un total, un pourcentage, une tendance, une comparaison, un processus. L'enregistrement l'emporte dès que la chose peut être montrée en train de fonctionner : une recherche tapée dans le vrai champ, la vraie grille tarifaire, un clic qui obtient une réponse. Un produit qu'on a vu marcher, on y croit ; une carte, on la lit.

Un film tiré d'un site garde donc un plancher d'enregistrements réels, car une carte remplace l'enregistrement de sa scène. En 16:9, au moins la moitié des scènes (arrondie au supérieur) sont des enregistrements, dont une parmi les deux premières. En 9:16, c'est une scène sur quatre, jamais moins de deux dans un film de quatre scènes ou plus, et chaque enregistrement doit avoir un sujet (un clic, une recherche tapée, un zoom sur un élément), pas un simple défilement. Un film d'article n'a pas de plancher, et un film create_animation n'a pas de site à montrer : il peut n'être que des cartes. Notre brief de vidéo explicative ajoute une règle : une carte animée par idée abstraite, jamais deux à la suite.

C'est ainsi qu'a été construit le film MolForge, et la méthode vaut pour n'importe quelle série de chiffres.

Écrit avec create_animation, le film coûte un rendu, soit 40 crédits ; chaque clip IA maison ajoute 311 crédits avec une offre payante. Les offres et les films à l'unité sont sur la page tarifs, et le guide du storyboard vidéo montre comment poser les scènes.