
Animation
Dégradés animés, boucles parfaites et mouvements naturels.
200 guides · 11 thèmes
AnimationArriè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.
AnimationVidé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.
AnimationPrincipes 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.
AnimationVidé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.
AnimationGIF, 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.
AnimationFond 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.
AnimationL’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.
AnimationPrefers 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.
AnimationLogo 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.
AnimationFonds 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.
AnimationMotion 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.