Le terme que personne ne définit
Tapez cette expression et les résultats se contredisent. Certaines pages la traitent comme un style d’animation, d’autres comme un type de logo statique qui a l’air rapide, d’autres encore parlent d’une entreprise qui porte le même nom. Il n’existe aucun organisme de normalisation du vocabulaire des logos : le terme s’est installé à l’usage sans jamais être fixé, et le lecteur doit deviner quel sens emploie la page qu’il a devant lui.
Cette supposition mérite d’être faite délibérément, parce que les trois sens mènent à trois travaux différents. L’un est un fichier vidéo. L’autre est un dessin. Le troisième est un synonyme. Savoir lequel vous voulez avant d’ouvrir un outil ou de briefer un designer évite que tout le projet soit construit deux fois.
Voici chacun des trois, ce qu’il produit, et comment savoir s’il s’agit de celui que vous cherchez.
Les trois sens de « motional logo »
Un logo auquel on ajoute du mouvement
C’est le sens le plus courant en pratique : la marque, animée. Le logo statique reste exactement tel quel, et une courte vidéo est construite autour de lui — une entrée, une stabilisation sur le temps, et une tenue assez longue pour lire le nom. Le résultat est un fichier, pas un dessin. Si ce qu’il vous faut, c’est quelque chose pour ouvrir un Reel, une chaîne ou une page produit, c’est ce sens-là que vous voulez, et le travail relève de l’animation plutôt que du design.
Un logo statique qui suggère le mouvement
Le deuxième sens est une propriété de design plutôt qu’un fichier. Un logo fixe peut suggérer le mouvement par sa géométrie : un lettrage penché, un logo à lignes filantes, une forme qui bascule vers l’avant, un monogramme construit autour d’une flèche ou d’une virgule. Rien ne bouge à l’écran, et le logo se lit quand même comme rapide. C’est ce sens qui est à l’œuvre quand quelqu’un dit d’un logo qu’il fait « motional » en regardant une carte de visite.
Un raccourci pour logomotion
Le troisième sens est une dérive de vocabulaire. Motional, motion, logomotion, logo motion — le secteur n’en a jamais retenu un seul, et l’expression sert de synonyme approximatif pour toute la catégorie. Employée dans ce sens, la question derrière est la question générique : comment faire bouger mon logo ? La réponse est le même processus dans tous les cas.
La version statique : les logos qui suggèrent la vitesse
Le mouvement suggéré est une véritable technique de design, avec une longue histoire, et elle vaut d’être connue avant de commander un redessin : une partie peut être ajoutée à un logo existant, l’autre non.
Logos de vitesse, inclinaison et lignes filantes
Le vocabulaire est restreint et cohérent. Un traitement oblique ou italique penche une lettre vers l’avant et se lit comme un déplacement — les créateurs de caractères utilisent l’inclinaison pour l’élan depuis aussi longtemps que les caractères existent, et la base de connaissances typographiques de Google est un bon endroit pour voir comment cette convention s’est développée. Les lignes filantes derrière une forme empruntent la grammaire visuelle de la vitesse et du flou de mouvement. Une silhouette penchée vers l’avant, un chevron, une flèche construite en négatif : tous font le même travail. La contrainte, c’est que ce sont des décisions de dessin : elles vivent dans le fichier du logo et changent la marque partout où elle apparaît.
Quand un logo à mouvement suggéré se retourne contre vous
Le mode d’échec est le surinvestissement. Un logo qui penche trop se lit comme instable ; des lignes filantes sur un lettrage destiné à figurer sur une facture se lisent comme de la décoration ; une flèche cachée dans un monogramme est invisible à seize pixels. Le mouvement suggéré vieillit aussi plus vite que la plupart des éléments de marque, parce que le langage visuel de la vitesse change à chaque décennie de publicité. Ajouter une inclinaison à un logo est une décision permanente sur une esthétique temporaire : c’est pourquoi beaucoup d’équipes gardent le logo statique neutre et mettent le mouvement dans l’animation.
La version animée : quatre choses qui font qu’un logo se lit comme en mouvement
Si la version que vous voulez est la version animée, le savoir-faire est plus étroit qu’il n’y paraît. Quatre décisions portent presque tout le résultat, et trois d’entre elles relèvent de la retenue.
L’entrée porte la direction
Un logo qui balaie depuis la gauche suggère un déplacement ; un logo qui grandit depuis son propre centre suggère une arrivée. Les deux sont valables et disent des choses différentes de la marque. L’erreur, c’est une entrée sans direction aucune : un simple fondu, qui se lit comme une transition de diaporama plutôt que comme une entrée.
La stabilisation dépasse légèrement
Un logo qui s’arrête exactement à sa taille finale se lit comme mécanique. Un logo qui dépasse sa taille finale de quelques pour cent puis revient en souplesse se lit comme élastique, et l’élasticité fait l’essentiel de la différence entre un mouvement fait main et un mouvement de modèle. Le dépassement doit rester faible : au-delà d’environ cinq pour cent, il cesse de se lire comme une stabilisation et commence à se lire comme un rebond.
La tenue est assez longue pour être lue
Une demi-seconde au minimum, à pleine taille et parfaitement immobile. Le mouvement attire l’attention et l’immobilité crée la reconnaissance : un reveal qui ne s’arrête jamais de bouger est mémorisé comme un mouvement plutôt que comme un nom. C’est la première chose coupée quand un clip est trop long, et ce devrait être la dernière.
Les changements de cadre tombent sur le temps
Caler l’animation sur les marqueurs de temps de la musique relève de la structure plutôt que de la décoration : le spectateur ne remarque pas consciemment la synchronisation, mais son absence se ressent immédiatement comme amateur. Le format compte aussi ici : du 9:16 vertical pour les fils, du 16:9 pour les écrans, et les recommandations de YouTube sur le format et la résolution confirment le 16:9 comme standard pour la lecture sur ordinateur, tout en déconseillant d’ajouter soi-même des bandes noires dans le fichier, puisque le lecteur ajoute son propre remplissage quand il en a besoin.
Où placer chaque version
Les deux versions ne sont pas concurrentes, et la plupart des marques ont besoin des deux. Le logo statique à mouvement suggéré appartient partout où le logo ne peut pas bouger : icônes d’application et favicons, où une inclinaison passe à seize pixels ou pas du tout ; signalétique, packaging et print, où l’élément est un dessin ; et le logo principal lui-même, dont la géométrie doit survivre à la broderie et à la gravure.
La version animée appartient partout où la marque est regardée plutôt que lue : ouvertures de chaîne, heroes de site, créations publicitaires, écrans d’événement et decks de présentation. Une réserve les gouverne toutes : la version animée exige un fichier source doté d’un vrai canal alpha. Un SVG ou un PNG transparent le porte ; un JPG non, et la différence n’est pas réparable par un réglage d’export. L’aperçu des types de fichiers image de MDN est une référence utile sur les formats qui préservent la transparence et ceux qui l’aplatissent.
Auditer votre propre logo avant de changer quoi que ce soit
La plupart des équipes ont déjà un logo : la question pratique n’est donc pas quelle version commander, mais si le logo qu’elles possèdent peut porter l’un ou l’autre traitement. L’audit prend une dizaine de minutes et y répond sans designer.
Regardez la silhouette à seize pixels
Réduisez le logo à la taille d’un favicon et regardez le contour plutôt que le détail. Un logo dont la silhouette reste reconnaissable à cette taille survivra au mouvement, parce que le mouvement est surtout une silhouette : l’œil lit la forme d’abord et les lettres ensuite. Un logo qui devient une tache grise à seize pixels ne s’améliore pas quand il commence à bouger : il devient une tache grise mobile, et le traitement à mouvement suggéré comme l’animation rendent le problème plus visible, pas moins.
Vérifiez si le logo a de la marge pour se déformer
Le mouvement animé a besoin de mou dans le dessin. Des espacements intérieurs généreux, des terminaisons arrondies, une seule forme forte et une ou deux couleurs donnent à une animation un endroit où aller. Les lettrages très serrés, les filets fins, les jonctions diagonales délicates et les logos qui dépendent d’un détail fin n’en ont aucun : ils sont déjà à la limite de la lisibilité à l’arrêt, donc les étirer de quelques pour cent coûte au lecteur le nom. Le test est rapide : écrasez le logo de dix pour cent à la verticale à l’écran et voyez s’il reste lisible. Sinon, la version animée doit utiliser une variante simplifiée plutôt que le fichier principal.
Décidez si le logo peut être simplifié pour le mouvement
Une variante mouvement fait normalement partie d’un système de marque plutôt qu’elle n’est un compromis. C’est le même logo avec un détail intérieur réduit, un contour légèrement plus épais et le plus petit texte supprimé, dessiné pour les écrans où le logo apparaît entre 60 et 200 pixels au lieu du format d’impression. Les marques qui conservent déjà une version icône simplifiée de leur logo ont fait l’essentiel du travail. Celles qui ne possèdent qu’un bloc figé doivent construire la variante avant d’animer, car animer le fichier d’impression produit exactement le fichier d’impression qu’on déplace.
L’audit règle aussi la question de la version dont vous avez besoin. Un logo lisible à seize pixels et qui a de la marge pour se déformer peut porter les deux traitements : le redessin à mouvement suggéré et l’animation. Un logo qui échoue au test de la silhouette mais dont la géométrie est propre est mieux servi par la seule animation, parce que le mouvement donne de la présence à une forme simple sans lui demander de changer de dessin.
Construire l’une ou l’autre version sans équipe de design
La version statique est un travail de design, et il n’y a pas de raccourci : ajouter une inclinaison ou des lignes filantes à un logo signifie redessiner le logo. Ce qui peut se faire sans designer, c’est la version animée, et la voie du navigateur en a fait un travail réellement court. Téléversez un SVG ou un PNG transparent, choisissez quelques images de fond, choisissez un morceau, et l’animation est générée depuis votre fichier, les changements de cadre étant placés automatiquement sur les marqueurs de temps de la musique.
Les décisions créatives vous restent — l’ambiance des images, le tempo du morceau, la taille du logo dans le cadre —, les images clés non. Un logomotion calé sur le beat construit ainsi s’exporte en 9:16 pour les fils ou en 16:9 jusqu’en 4K pour les écrans à partir d’un seul envoi, et les principes de design qui le sous-tendent valent d’être lus avant le premier export, parce que c’est ce qui empêche une animation générée d’avoir l’air générée. Tout le flux tourne dans l’éditeur en ligne, sans rien installer.
Questions fréquentes
« Motional logo » est-il un vrai terme de design ?
Il est employé, mais il n’est pas normalisé. L’expression apparaît comme synonyme approximatif de l’animation de logo, comme description d’un logo fixe qui suggère le mouvement, et comme partie du nom d’une entreprise sans rapport. Traitez-le comme un terme de recherche plutôt que comme une catégorie technique, et décidez lequel des trois sens vous voulez avant de commencer à travailler.
Quelle est la différence entre un motional logo et une animation de logo ?
L’animation de logo est un fichier : une courte vidéo du logo, calée sur la musique, exportée pour un emplacement précis. Un motional logo peut désigner cela, ou désigner un logo statique dont la géométrie suggère la vitesse. La distinction compte parce que l’un est une modification du logo lui-même et l’autre une vidéo construite autour d’un logo qui reste intact.
Un logo peut-il suggérer le mouvement sans être animé ?
Oui, et c’est une technique délibérée plutôt qu’un accident. L’inclinaison, les lignes filantes, les silhouettes penchées vers l’avant et les flèches en négatif suggèrent toutes un déplacement dans une image fixe. La contrepartie est la permanence : ces décisions vivent dans le fichier du logo et voyagent partout où la marque apparaît ; elles doivent donc être choisies pour la décennie de la marque, pas pour la campagne en cours.
Quel fichier faut-il pour la version animée ?
Un SVG transparent est idéal, parce que les contours vectoriels passent à n’importe quelle taille d’export sans s’adoucir. Un PNG haute résolution doté d’un véritable canal alpha est presque aussi bon. Le JPG est celui à éviter : il embarque un fond opaque, si bien que le logo arrive dans un cadre visible qui apparaît à chaque image.
Quelle doit être la durée de l’animation ?
Deux à quatre secondes pour une ouverture sociale, cinq à dix pour un en-tête de site, une intro de chaîne ou un écran d’événement. Dans tous les cas, le logo doit être stabilisé et parfaitement lisible pendant au moins la dernière demi-seconde. La durée se décide selon l’endroit où le clip passe, pas selon ce que l’animation veut montrer.
L’essentiel
L’expression est ambiguë, et l’ambiguïté ne devient coûteuse que si vous la laissez choisir le travail à votre place. Si ce qu’il vous faut, c’est une vidéo de votre logo, le logo statique n’a pas besoin de changer du tout : téléversez le fichier transparent, choisissez des images et un morceau, et une marque animée est l’affaire de quelques minutes dans le navigateur. Si ce que vous voulez, c’est un logo qui paraît rapide à l’arrêt, c’est un redessin, et il mérite un designer et une décision à dix ans plutôt qu’un vendredi après-midi. Savoir laquelle des deux vous avez demandée, c’est tout l’exercice.