Animation

Dégradés animés, boucles parfaites et mouvements naturels.

200 guides · 11 thèmes

Animation

Arrière-plans dégradés animés pour la vidéo et les réseaux

6 min de lecture

Un dégradé animé peut ressembler à de la lumière glissant sur de la soie, ou à un économiseur d’écran. La différence tient à une poignée de choix de design que l’on peut faire exprès.

Animation

Vidéo en boucle parfaite : faire une boucle sans saut

6 min de lecture

Une boucle qui saute toutes les dix secondes est pire que pas de mouvement du tout. La solution n’est pas un meilleur logiciel de montage : c’est un mouvement conçu pour revenir à son point de départ.

Animation

Principes du motion design pour ceux qui n’animent pas

5 min de lecture

Pas besoin d’être animateur pour créer un mouvement juste. Il faut quelques principes, une poignée de durées et la discipline d’en faire moins.

Animation

Vidéo en arrière-plan de site web : poids, lecture auto, accessibilité

6 min de lecture

Un en-tête animé peut rendre un site vivant, ou le rendre lent, distrayant et difficile à lire. La différence tient à une courte liste de choix techniques et graphiques.

Animation

GIF, MP4 ou WebM : quel format pour les boucles

6 min de lecture

Le GIF est le format que tout le monde connaît et que presque personne ne devrait utiliser pour le web. C’est aussi le seul qui fonctionne dans une boîte de réception. Voici lequel choisir, où, et pourquoi.

Animation

Fond pour Reels et TikTok : taille, zone sûre, mouvement

6 min de lecture

La vidéo verticale a un cadre que vous ne maîtrisez pas entièrement : légendes, boutons et noms se posent par-dessus. Concevez le fond pour l’espace qui reste.

Animation

L’easing expliqué : pourquoi un bon mouvement paraît naturel

5 min de lecture

Le même mouvement peut paraître maladroit ou fluide selon un seul réglage. Ce réglage, c’est l’easing, et quelques règles simples couvrent presque tous les cas.

Animation

Prefers reduced motion : une animation utilisable par tous

6 min de lecture

Pour certaines personnes, un défilement parallaxe ou un zoom sur l’en-tête n’a rien de ravissant : il donne le vertige. Un seul réglage vous dit qui elles sont. Voici comment le respecter sans sacrifier votre design.

Animation

Logo animé : des façons simples de donner vie à un logo

6 min de lecture

Une animation de logo doit ressembler à un logo qui respire, pas à un numéro de scène. Voici les quelques techniques qui marchent, et les règles qui les gardent de bon goût.

Animation

Fonds d’écran animés en dégradé : créez le vôtre

6 min de lecture

Un dégradé qui dérive lentement derrière votre horloge peut rendre un écran vivant sans jamais réclamer l’attention. Tout l’art consiste à le garder lent, sombre et discret.

Animation

Motion graphics pour les marques qui ne font pas de vidéo

6 min de lecture

La plupart des petites marques publient des images fixes, car la vidéo ressemble à un second métier. Une lente boucle de votre propre style qui bouge sous des mots immobiles vous mène presque au but, sans montage.