Recommandations en matière d’animations en fondu

Applies to Windows and Windows Phone

Utilisez les animations en fondu pour faire apparaître ou disparaître des éléments. Il existe trois types d’animations en fondu : apparition en fondu, disparition en fondu et fondu enchaîné.

Pratiques conseillées et déconseillées

  • Lorsque votre application effectue la transition entre des éléments non liés ou riches en texte, utilisez la disparition en fondu suivie d’une apparition en fondu plutôt qu’un fondu enchaîné. L’objet sortant disparaît ainsi entièrement avant que l’objet entrant ne soit visible. Le fondu enchaîné d’une grande quantité de texte n’est généralement pas recommandé.
  • Utilisez l’animation en fondu enchaîné pour effectuer la transition entre des éléments de tailles différentes lorsque vous actualisez une zone importante. Au cours de l’animation, les éléments entrants et sortants seront semi-transparents et l’arrière-plan sera visible par l’utilisateur. Les langages de programmation en XAML (Extensible Application Markup Language) ne contiennent pas d’animation en fondu enchaîné dédiée. Dans ces langages, vous pouvez obtenir l’effet en utilisant les animations d’apparition et de disparition en fondu avec synchronisation superposée.
  • Faites apparaître en fondu le ou les éléments entrants au-dessus des éléments sortants si leur taille reste constante et si vous voulez que l’utilisateur ait l’impression de voir le même élément. Vous pouvez faire apparaître en fondu l’élément entrant par-dessus l’élément sortant. Ensuite, lorsque le fondu entrant est terminé, vous pouvez simplement supprimer l’élément sortant. Naturellement, il s’agit d’une option viable uniquement lorsque l’élément sortant est entièrement recouvert par l’élément entrant. Cette méthode empêche également l’arrière-plan de devenir visible pendant la transition.
  • N’utilisez pas les animations en fondu pour ajouter ou supprimer les éléments dans une liste. Utilisez les animations de liste créées spécifiquement à cet effet.
  • N’utilisez pas les animations en fondu pour modifier l’intégralité du contenu d’une page. Utilisez les animations de transition entre les pages créées spécifiquement à cet effet.

Rubriques associées

Pour les concepteurs
Recommandations en matière d’ajout et de suppression
Recommandations en matière d’animations de transition de contenu
Recommandations en matière d’animations de glissement
Recommandations en matière d’animations latérales de l’interface utilisateur
Recommandations en matière d’animations de transition de page
Recommandations en matière d’animations de clic de pointeur
Recommandations en matière d’animations de repositionnement
Recommandations en matière d’animations contextuelles de l’interface utilisateur
Recommandations en matière d’animations de balayage
Pour les développeurs (HTML)
Exemple de bibliothèque d’animations HTML
Animation de votre interface utilisateur
Animation de fondus
fadeIn
fadeOut
crossFade
Pour les développeurs (XAML)
Animation de votre interface utilisateur
Animation de fondus
Démarrage rapide : animation de votre interface utilisateur avec des animations de la bibliothèque
FadeInThemeAnimation
FadeOutThemeAnimation

 

 

Afficher:
© 2014 Microsoft