La typographie cinétique

Cette leçon vous enseigne l'art de la typographie cinétique (Kinetic Typography). Vous y découvrirez comment animer du texte en préservant une lisibilité absolue, comment associer les polices pour l'écran et comment synchroniser le texte avec le rythme visuel et sonore.

Introduction

La voix écrite du motion design

Dans la leçon précédente, nous avons vu comment la hiérarchie dynamique permet de séquencer l'apparition des éléments pour guider le regard de l'élève. Nous allons maintenant appliquer ce principe de séquençage à l'élément le plus informatif de vos compositions : le texte, à travers la typographie cinétique.

La typographie cinétique est l'art de mettre le texte en mouvement. Elle agit comme la "voix écrite" de votre animation. Pour un graphiste, le défi est double : donner du rythme et de l'émotion aux mots tout en préservant une lisibilité absolue à l'écran.

Exemple concret : la hiérarchie temporelle d'un slogan

Imaginons que vous deviez animer le slogan publicitaire suivant : "Innover pour simplifier votre quotidien."

Pour guider l'œil de l'élève et rendre le message percutant, vous allez appliquer trois niveaux de lecture temporels :

Niveau 1 (Le mot-clé principal) : Le mot "Innover" apparaît en premier, très gros, avec une accélération brutale (Bézier) pour capter l'attention immédiate.
Niveau 2 (L'action) : Le mot "simplifier" apparaît juste après, souligné par un changement de couleur (orange signature de votre charte) et un léger effet de rebond (Overshoot).
Niveau 3 (L'accompagnement) : Les mots de liaison "pour" et "votre quotidien" apparaissent plus discrètement, par un simple fondu d'opacité (Fade In) très rapide.

Le résultat : L'élève comprend instantanément les deux mots-clés essentiels du message en une fraction de seconde, même s'il ne lit pas l'intégralité de la phrase.