CATALOGUE Design et Infographie Formation Figma Apprendre à utiliser Figma pour le design UX/UI Exploration des Animations dans Figma

Exploration des Animations dans Figma

Ajout d’animations
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre à utiliser Figma pour le design UX/UI
Revoir le teaser Je m'abonne
4,7
Transcription
Cette leçon fait partie de la formation
79,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,7
Cette leçon fait partie de la formation
79,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Comprendre et Appliquer les Transitions d'écrans

Objectifs

L'objectif est d'apprendre à appliquer et personnaliser les animations d'écran dans Figma pour créer des prototypes plus dynamiques et interactifs.

Résumé

Cette leçon explore les animations interactives dans Figma, mettant en avant comment elles peuvent améliorer vos prototypes.

Description

Dans cette leçon, nous abordons les divers types d'animations proposés par Figma pour créer des expériences interactives engageantes. Du fondu enchaîné au déplacement, en passant par le pushing et le sliding, chaque animation est détaillée avec des exemples concrets. Nous examinons leur application dans des scénarios précis comme l'ouverture de pop-ups et de menus déroulants. L'utilisation adéquate des transitions améliore la fluidité des interactions entre les pages. Nous explorons également comment configurer la durée et la direction des animations pour peaufiner l'expérience utilisateur. L'accent est mis sur l'application pratique avec un exercice où une modal s'ouvre dans une page de prototype, illustrant les subtilités de l'animation d'overlay. Enfin, nous soulignons l'importance d'ajuster des détails tels que la position de défilement pour maintenir la continuité de l'expérience utilisateur.

Voir plus

Questions fréquentes

Quels types d'animations Figma propose-t-il pour les transitions d'écrans ?
Figma propose plusieurs types d'animations pour les transitions entre écrans, notamment le dissolve, le move in, le move out, le push, et le slide in/out.
Comment peut-on ajuster la durée d'une animation dans Figma ?
La durée d'une animation dans Figma peut être ajustée en définissant la durée souhaitée en secondes dans les paramètres de l'interaction.
Quel est l'usage principal de l'effet slide in dans Figma ?
L'effet slide in est principalement utilisé pour afficher des éléments, comme des pop-ups ou des menus déroulants, au-dessus de l'écran actuel.

Programme détaillé

3 commentaires
4,7
3 votes
5
4
3
2
1
CkobiProd
Il y a 3 semaines
Très bonne méthodologie pédagogique...
F4134800-1566-4E19-8CED-883F75157D59@cyberlibris.studi.fr
Il y a 1 mois
good
B2374002-9C78-487E-A624-66E9C4428B54@cyberlibris.studi.fr
Il y a 1 mois
Nice