Animation Animation
Une animation est un changement visuel planifié dans le temps. Elle peut avoir plusieurs étapes, états ou répétitions.
↗Mouvement
Découvrez comment le mouvement peut montrer un changement, guider l'attention et tout en gardant l'écran facile à utiliser.
01 / Atlas
Tous les termes Mouvement
Ouvrir un terme pour une signification simple, un exemple, quand l'utiliser, son caractère officiel, et son nom de code.
-
01 · Noyau -
02 · Plus de détails Animation de printemps Spring Animation
L'animation de printemps suit un modèle physique. La rigidité, l'amortissement, la masse et la vitesse initiale contrôlent son mouvement.
↗ -
03 · Plus de détails Défilement Parallaxe Parallax Scrolling
Le défilement parallaxe fait bouger les couches à des vitesses différentes pendant le défilement d’une page. La différence de vitesse crée un effet de profondeur.
↗ -
04 · Plus de détails Entrée, Sortie et Fondu enchaîné Enter, Exit & Crossfade
L'entrée, la sortie et le fondu enchaîné ajoutent, suppriment ou remplacent le contenu. Ils aident à ce que le changement paraisse fluide et connecté.
↗ -
05 · Noyau Glisser-déposer Drag & Drop
Glisser-déposer permet aux utilisateurs de déplacer, réordonner ou transférer un élément directement. Il doit indiquer quand l'élément est pris et où il peut être déposé.
↗ -
06 · Noyau Images clés Keyframes
Les images clés sont des points nommés dans une animation. Chaque point définit les valeurs des propriétés pour un moment choisi.
↗ -
07 · Noyau Lissage Easing
L’easing est la courbe de temps qui règle la façon dont une animation accélère et ralentit.
↗ -
08 · Plus de détails Marquee Marquee
Une bande de contenu répété qui continue de bouger. Elle doit offrir des contrôles ou une version figée pour les personnes sensibles au mouvement.
↗ -
09 · Plus de détails Micro-interaction Microinteraction
Une micro-interaction est une petite boucle de retour pour une action. Elle a un déclencheur, une règle, une réponse, et un état qui continue.
↗ -
10 · Noyau Mouvement réduit Reduced Motion
Le Mouvement réduit est un paramètre d'accessibilité et un mode de conception. Il supprime ou simplifie les mouvements inutiles.
↗ -
11 · Plus de détails Texte brouillé Text Scramble
Un effet de texte décoratif qui affiche des symboles au hasard un instant, puis se fixe sur les vrais mots.
↗ -
12 · Noyau Transition Transition
Une transition fait passer d'un état visuel connu à un autre en un temps défini.
↗