Adobe XD : maitriser les animations
Axel Paris, Développeur Web et Designer
Regardez ce cours et des milliers d'autres
Regardez ce cours et des milliers d'autres
Leçons de ce cours
-
-
1.
Présentation du cours
1:08
-
2.
Créer sa première animation !
3:43
-
3.
Fonctionnement du prototyping
1:52
-
4.
Comprendre les interactions
7:00
-
5.
Notion : élément fixé
2:52
-
6.
Notion : incrustation (overlay)
6:38
-
7.
Notion : animation automatique
8:34
-
8.
Notion : faire glisser
3:56
-
9.
Notion : délai
5:40
-
10.
Notion : plan de travail précédent
5:26
-
11.
Composant : principe de fonctionnement
6:37
-
12.
Composant : états personnalisés
6:31
-
13.
Formulaire de connexion : remplir les champs
11:17
-
14.
Formulaire de connexion : bouton (survol & clic)
9:00
-
15.
Menu de navigation : méthode 1
2:57
-
16.
Menu de navigation : méthode 2
5:43
-
17.
Conclusion
0:25
-
-
- --
- Niveau débutant
- Niveau intermédiaire
- Niveau avancé
- Tous niveaux
Généré par la communauté
Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.
53
apprenants
--
À propos de ce cours
Bonjour, je m'appelle Axel et je suis UI/UX Designer.
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 automatique ❤
- 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 !
Rencontrez votre enseignant·e
Je suis un serial-entrepreneur : j'enseigne le #WebDesign & #WebDevelopment sur Udemy. Co-fondateur de Conore et de Dev Theory. Développeur de l'application Swalloows. Enfin, je suis #freelance full Stack JS.
Voir le profil completProjet de cours pratique
Télécharger le fichier "Source - Maîtriser les animations.xd" qui sera le projet utilisé dans le cours. Il vous permettra de suivre le cours en même temps que vous le regardez.
Vous pourrez également récupérer le fichier final "Source - Maîtriser les animations (corrigé).xd" si vous souhaitez retrouvez les animations créées dans la formation.
Notes attribuées au cours
Pourquoi s'inscrire à Skillshare ?
Suivez des cours Skillshare Original primés
Chaque cours comprend de courtes leçons et des travaux pratiques
Votre abonnement soutient les enseignants Skillshare
Apprenez, où que vous soyez
Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.
Cours apparentés
