Adobe XD : maîtriser les animations

Réalisez des animations et ajoutez des interactions pour améliorer vos designs

4.50 (24 reviews)
Udemy
platform
Français
language
3D & Animation
category
160
students
1.5 hours
content
Jul 2022
last update
$19.99
regular price

What you will learn

Découvrir le prototyping

Utiliser les éléments fixés

Faire une incrustation (overlay)

Créer des animations automatiques

Utiliser les transitions "faire glisser", délai", ...

Créer & comprendre l'utilisation des composants

2 exemples complets

Effets bonus supplémentaires

Description

J'utilise Adobe XD depuis 2017, et c'est devenu l'outil de design et de prototypage idéal pour tous mes projets.

Ce logiciel vous permet de concevoir des interfaces (sites web, applications mobiles, ...) mais aussi de les animer ! Et c'est justement ces fonctionnalités de prototypage et d'animations que vous allez apprendre à travers ce cours.


Au programme :

  • Découvre du prototyping

  • Les éléments fixés

  • L’incrustation (overlay)

  • Les animations automatiques

  • Faire glisser

  • Les délais

  • Le retour en arrière

Pour aller plus loin, vous apprendrez à créer des composants dans Adobe XD. Vous comprendrez notamment le fonctionnent de leurs états (pour des animations toujours plus performantes).


Vous verrez également comment concevoir des exemples d'interfaces, tel que :

  • L'apparition d'un modal

  • L'apparition d'une notification

  • Un bouton on/off

  • Un formulaire de connexion

  • Une navigation (2 techniques pour le même résultat)

Rejoignez ce cours et réalisez vos premières animations avant ce soir !

Content

Premiers pas avec les animations

Créer sa première animation !
Fonctionnement du prototyping
Comprendre les interactions

Maîtriser les techniques d'animation

Scroll & les éléments fixés
Incrustation (overlay)
Animation automatique
Faire glisser
Délai
Plan de travail précédent

Les composants

Composant : principe de fonctionnement
Composant : états personnalisés

Exemple - formulaire de connexion

Bouton (survol & clic)
Remplir les champs de connexion

Exemple - menu de navigation

Méthode 1 - Les plans de travail
Méthode 2 - Les états d'un composant

Effets supplémentaires

Slider (de cards)
Animation au scroll (astuce)
Animation automatique avancée

Conclusion

Source - Maitriser les animations (corrigé)
Conclusion

Screenshots

Adobe XD : maîtriser les animations - Screenshot_01Adobe XD : maîtriser les animations - Screenshot_02Adobe XD : maîtriser les animations - Screenshot_03Adobe XD : maîtriser les animations - Screenshot_04

Reviews

Jordy
January 4, 2022
Déjà utilisateur de XD, je n'ai pas appris énormément avec ce cours. Je m'attendais tout de même à voir des animations un peu plus complexes (notamment le cas des composants imbriqués, qui peuvent parfois être nécessaire et qui sont un vrai casse tête). Je n'avais pas vu la date de publication donc c'est un peu mon problème, mais je pense que l'intégration des lottie files aurait été à mentionner, cela peut permettre de simuler des chargements de page ou encore des interactions qui nécessitent des "loop". Dernièrement, comme dans beaucoup de formation, on traite le design de manière séparé du reste. Or en tant qu'UX ayant déjà eu à décrire ou faire implémenter des animations par des devs, je me suis vite rendu compte que dans la plupart des cas, si on devait aller vite, on devait prendre en compte un certain nombre de contraintes techniques. Connaître ces contraintes techniques, ou du moins les mentionner, aurait été intéressant. Bref, je n'ai donc pas eu exactement ce que je cherchais mais peut être ai je mis la barre un peu trop haut dans ma tête. Si vous commencez avec XD et avec le sujet de l'animation, cela reste un bon cours très bien animé et très pédagogique.

Charts

Price

Adobe XD : maîtriser les animations - Price chart

Rating

Adobe XD : maîtriser les animations - Ratings chart

Enrollment distribution

Adobe XD : maîtriser les animations - Distribution chart

Related Topics

3085476
udemy ID
5/3/2020
course created date
5/14/2020
course indexed date
Bot
course submited by