Le guide - Motion design
Le motion design ne sert pas à fairebouger des images. Il sert à rendreles idées plus faciles à comprendre.
Certaines informations sont difficiles à expliquer avec un texte. D'autres deviennent immédiatement compréhensibles grâce au mouvement. Le motion design permet de raconter une histoire, d'expliquer un service, de présenter une politique publique ou de simplifier des données complexes.
Il combine illustration, typographie, rythme, narration et animation pour créer une expérience visuelle claire et mémorable. Ce guide présente les principes du motion design, ses usages, sa méthode de création et les bonnes pratiques qui permettent de produire des contenus réellement utiles.
LE DESSIN COMMENCE
Animer, c'est raconter
Qu'est-ce que lemotion design ?
Le motion design est l'art de mettre en mouvement des éléments graphiques pour transmettre une information. Il ne s'agit pas seulement d'animer : il s'agit de raconter. Une animation efficace répond toujours à une intention. Le mouvement n'est jamais gratuit.
Toujours une intention
- Expliquer
- Convaincre
- Guider
- Sensibiliser
- Illustrer
- Simplifier
Ce que le mouvement apporte
Pourquoi utiliserl'animation ?
Le cerveau comprend plus vite une information séquencée, illustrée et mise en mouvement. Le motion design excelle à expliquer un service, présenter une politique publique, vulgariser un processus ou illustrer des données.
- Expliquer un service
- Présenter une politique publique
- Vulgariser un processus
- Illustrer des données
- Former des équipes
- Communiquer sur les réseaux sociaux
Vos résultats de l'année
72 % des objectifs atteints
Avec motion
Le mouvement introduit les éléments dans l'ordre de lecture, souligne la donnée clé et donne le sentiment que l'information se construit. L'œil est guidé, pas laissé seul.
Le motion design n'ajoute pas de décor : il ajoute de la hiérarchie dans le temps.
« Le mouvement attire l'attention. La narration la retient. La pédagogie crée la compréhension. »
La galerie
Les différentsformats.
La vidéo explicative
Faire comprendre un service ou un produit
Le format le plus polyvalent, du site aux réseaux.
60 à 90 s
L'animation institutionnelle
Porter un message d'organisation
Incarne la marque et ses valeurs en mouvement.
90 à 180 s
Le film de présentation
Raconter une structure, un projet
Le récit complet, pour les conférences et le web.
2 à 3 min
L'animation pédagogique
Former, expliquer une procédure
Séquence l'apprentissage, se regarde et se revoit.
1 à 4 min
La capsule réseaux sociaux
Capter en quelques secondes
Format court, vertical, sous-titré, pensé mobile.
15 à 30 s
L'habillage vidéo
Unifier titres, transitions, bandeaux
Donne une signature cohérente à tous vos films.
variable
Le générique
Ouvrir ou signer une vidéo
Le logo animé et l'identité en mouvement.
5 à 15 s
Le motion typographique
Faire vivre un texte, une citation
Le texte devient rythme et image.
15 à 60 s
L'infographie animée
Donner vie à des données
Les chiffres racontent une progression.
30 à 90 s
Le GIF
Illustrer, réagir, décomposer un geste
Léger, en boucle, parfait pour l'email et le web.
2 à 6 s
Partout où l'on explique
Les usages.
Les rapports annuels
Les sites internet
Les salons
Les conférences
Les campagnes publiques
Les formations
Les réseaux sociaux
Les applications
La frise
La méthodede création.
Une animation ne naît pas sur un logiciel. Elle naît d'un cheminement, où l'animation proprement dite n'arrive qu'en avant-dernier.
Comprendre
Le message, le public, l'objectif, le canal. Une animation juste part d'une intention claire.
Écrire
Le script : chaque mot compte, car chaque seconde coûte. On écrit pour l'oreille et pour l'œil.
Storyboard
Le découpage plan par plan. C'est ici que le film se décide, pas sur le logiciel d'animation.
Illustrer
Créer les éléments graphiques, pensés dès le départ pour être mis en mouvement.
Animer
Donner vie aux plans : timing, courbes, transitions. Le métier au sens strict.
Habiller
Titres, sous-titres, pictogrammes, identité : l'unité visuelle de bout en bout.
Sonoriser
Voix off, musique, bruitages : le son porte la moitié de l'émotion.
Exporter
Les bons formats pour les bons canaux : ratio, poids, sous-titres incrustés ou non.
Le cœur du projet
Storyboardet narration.
Une bonne animation ne commence pas sur After Effects. Elle commence sur le papier. Le storyboard est le véritable cœur du projet : c'est là que le film se décide, à moindre coût, avant l'étape d'animation.
Ce que fixe le storyboard
- Le découpage
- Le rythme
- Les transitions
- Les messages clés
- La temporalité
Dessiner pour animer
Illustrationet animation.
Une illustration pensée pour l'animation n'est pas une illustration figée. Elle se construit autrement, en prévoyant le mouvement dès le trait. C'est le prolongement direct de notre guide de l'illustration, et le territoire commun avec l' infographie animée.
Simplification des formes
Une illustration animée s'épure : moins de détails, des formes qui se lisent en mouvement.
Hiérarchie
Ce qui bouge attire l'œil. La hiérarchie du mouvement double celle de la composition.
Calques
Chaque élément est séparé pour pouvoir vivre indépendamment : ciel, décor, personnages, texte.
Pivots
Les points d'articulation se pensent en amont : un bras, une porte, une aiguille tournent autour d'un axe.
Contraintes techniques
Résolution, cadence, poids des fichiers : l'illustration doit rester légère et propre à animer.
La moitié invisible
Son, musiqueet rythme.
Le son porte la moitié de l'émotion d'une animation : voix off, musique, bruitages, et le silence, qui souligne. Mais le rythme se joue d'abord dans l'image, dans le timing de chaque mouvement.
Une même durée, une même distance, mais une courbe différente : l'animation change complètement de caractère. Manipulez le timing et la courbe pour le ressentir.
0.60 s - Décélération
Décélération
Rapide au départ, doux à l'arrivée : le mouvement naturel des interfaces. C'est la courbe de ce site.
La zone juste : le mouvement se perçoit sans jamais faire attendre.
Sur ce site, les révélations durent 0,5 seconde avec une courbe de décélération : présentes, jamais pesantes.
Éviter les pièges
Les erreursles plus fréquentes.
Tout animer
Quand tout bouge, plus rien ne guide. Le mouvement doit hiérarchiser, pas saturer.
Faire trop long
Chaque seconde de trop est une seconde d'abandon. La durée juste est toujours plus courte qu'on ne croit.
Ajouter des effets inutiles
Les transitions démonstratives distraient du message. La sobriété se remarque moins, et c'est tant mieux.
Une musique inadaptée
Une bande-son mal choisie contredit le propos. Le son se choisit aussi soigneusement que l'image.
Oublier les sous-titres
Sur les réseaux, la majorité regarde sans le son. Sans sous-titres, le message ne passe pas.
Multiplier les styles
Chaque vidéo qui invente son style dilue l'identité. Un système d'habillage tient l'ensemble.
Ne pas penser au mobile
Textes trop petits, formats horizontaux illisibles : l'écran mobile se conçoit en premier, pas en dernier.
Durer plutôt que suivre
Les tendances.
Les micro-animations
De minuscules mouvements d'interface qui guident et récompensent : le motion au service de l'usage.
Les interfaces animées
Le motion design entre dans le produit lui-même, pas seulement dans la communication.
La 3D légère
Des volumes simples et rapides, loin des rendus lourds : de la profondeur sans la complexité.
Les animations pilotées par les données
Des visuels qui se mettent à jour tout seuls à partir de chiffres réels.
Les formats verticaux
Pensés mobile d'abord : le plein écran vertical est devenu la norme, pas l'exception.
Les animations accessibles
Sous-titres, contrastes, respect des préférences de mouvement réduit : l'inclusion par défaut.
L'IA comme assistante
Prévisualisation, variantes, dégrossissage : l'IA accélère certaines étapes, mais la narration et la direction artistique restent déterminantes.
L'atelier de conception
Le Motion Lab :concevez votre storyboard.
Un projet de motion design est avant tout un travail de stratégie, de narration et de pédagogie, avant d'être un travail d'animation. Choisissez votre objectif, votre public, votre durée, votre style et votre ton : le Motion Lab génère une proposition de storyboard, un découpage en plans, les illustrations à prévoir et les recommandations de diffusion.
Parler le même langage
Le glossaire dumotion design.
- Motion design
- L'art de mettre en mouvement des éléments graphiques pour transmettre une information.
- Storyboard
- Le découpage dessiné du film, plan par plan : le cœur du projet, avant toute animation.
- Easing
- La courbe d'accélération d'un mouvement : c'est elle qui rend une animation naturelle ou mécanique.
- Keyframe
- L'image clé qui fixe une position à un instant donné ; le logiciel calcule les images intermédiaires.
- Compositing
- L'assemblage des différentes couches (décor, personnages, texte, effets) en une image finale.
- Animation 2D
- L'animation d'éléments plats, la famille la plus courante en communication.
- Animation vectorielle
- L'animation d'illustrations en courbes : nette à toutes les tailles, légère à diffuser.
- Voix off
- La voix qui accompagne l'image sans être à l'écran : elle porte le fil narratif.
- Timeline
- La ligne de temps du montage, où s'empilent et se calent les couches d'animation et de son.
- Habillage
- Le système de titres, transitions et éléments graphiques qui unifie une vidéo ou une série de films.
Questions fréquentes
Vos questions,nos réponses.
- Quelle différence entre motion design et vidéo ?
- La vidéo filme le réel ; le motion design anime des éléments graphiques créés de toutes pièces : illustrations, typographie, pictogrammes, données. Le motion excelle là où la caméra ne peut pas aller : expliquer un concept abstrait, montrer un projet futur, faire vivre des chiffres. Les deux se combinent d'ailleurs souvent dans un même film.
- Combien de temps dure un projet de motion design ?
- Comptez 3 à 8 semaines selon la durée et la complexité : compréhension, script, storyboard, illustrations, animation, son et exports. Le storyboard et l'illustration occupent une large part du temps ; l'animation proprement dite arrive en fin de parcours, une fois tout décidé.
- Quelle est la durée idéale d'une animation ?
- Le plus court possible pour dire l'essentiel : 15 à 30 secondes sur les réseaux, 60 à 90 secondes pour une vidéo explicative, 2 à 3 minutes pour un film de présentation. Au-delà, l'attention décroche vite. Mieux vaut deux courtes vidéos ciblées qu'une longue qui veut tout dire.
- Peut-on intégrer des illustrations existantes ?
- Oui, à condition qu'elles s'y prêtent : une illustration pensée pour l'animation est construite en calques séparés, avec des formes simplifiées et des points d'articulation. Une illustration figée peut souvent être adaptée, mais prévoir l'animation dès la création fait gagner un temps précieux.
- Le motion design est-il adapté aux collectivités ?
- C'est l'un de ses terrains les plus utiles : expliquer une politique publique, présenter un projet d'aménagement, vulgariser une démarche administrative, sensibiliser sur les réseaux. Le mouvement rend accessible ce qui, en texte, resterait aride, au service direct de la pédagogie de la communication publique.
- Quel budget prévoir ?
- Une animation professionnelle se situe le plus souvent entre 3 000 et 15 000 euros selon la durée, le niveau d'illustration, la présence d'une voix off et le sound design. Un habillage réutilisable ou une série de capsules courtes optimisent l'investissement en le répartissant sur plusieurs contenus.
- Pourquoi créer un storyboard ?
- Parce qu'une bonne animation ne commence pas sur un logiciel, mais sur le papier. Le storyboard fixe le découpage, le rythme, les messages et les transitions avant la phase coûteuse d'animation. C'est l'étape où l'on corrige à moindre frais : déplacer un plan sur un croquis prend une minute, le refaire animé prend une journée.
- Faut-il une voix off ?
- Pas toujours. La voix off porte les messages complexes et crée une présence, mais le motion typographique et les sous-titres suffisent souvent, notamment sur les réseaux où l'on regarde sans le son. Le choix dépend du canal, du budget et du ton recherché.
- Comment diffuser une animation ?
- En déclinant le film selon les canaux : format horizontal pour le site et YouTube, vertical ou carré pour les réseaux, version courte pour teaser, version longue pour les présentations. Chaque export a son ratio, son poids et son traitement des sous-titres. La diffusion se pense dès le storyboard.
- Comment mesurer l'efficacité d'une animation ?
- Par des indicateurs adaptés à l'objectif : taux de complétion (combien vont au bout), taux de rétention (à quel moment on décroche), partages et réactions, et surtout l'effet sur la compréhension réelle du message. Une animation efficace se mesure moins en vues qu'en clarté gagnée.
Et maintenant ?
Une animation réussie ne cherchepas à impressionner.
Elle cherche à faire comprendre. Échangeons sur votre prochain projet de motion design.