$ 19.00

Tuto Adobe XD : maîtriser les animations avec XD

$ 19.00

  • Une formation vidéo de 1h34m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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 en ligne.

Au programme de ce tuto Adobe XD : maîtriser les animations

Voici les notions qui vont être abordées dans cette formation en vidéo

  • Découverte du prototyping,
  • Les éléments fixés,
  • L’incrustation (overlay),
  • Les animations automatiques,
  • Faire glisser,
  • Les délais,
  • Le retour en arrière
  • L'apparition d'une modal,
  • L'apparition d'une notification,
  • Un bouton "on/off",
  • Un formulaire de connexion,
  • Une navigation (2 techniques seront montrées, pour le même résultat).

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).
Ce cours repose sur des exemples concrets.

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

Fichiers sources fournis

Télécharger le fichier "Source - Maitriser 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.

Table des matières de cette formation XD (durée : 1h34m)

  • Premiers pas avec les animations
    • Créer sa première animation ! 00:03:44
    • Fonctionnement du prototyping 00:01:53
    • Comprendre les interactions 00:07:01
  • Maîtriser les techniques d'animation
    • Scroll & les éléments fixés 00:02:52
    • Incrustation (overlay) 00:06:38
    • Animation automatique 00:08:35
    • Faire glisser 00:03:56
    • Délai 00:05:41
    • Plan de travail précédent 00:05:26
  • Les composants
    • Composant : principe de fonctionnement 00:06:38
    • Composant : états personnalisés 00:06:32
  • Exemple : formulaire de connexion
    • Remplir les champs de connexion 00:06:30
    • Bouton (survol & clic) 00:09:00
  • Exemple : menu de navigation
    • Méthode 1 - Les plans de travail 00:02:58
    • Méthode 2 - Les états d'un composant 00:05:44
  • Effets supplémentaires
    • Slider (de cards) 00:05:29
    • Animation au scroll (astuce) 00:05:06
  • Conclusion
    • Conclusion 00:00:26



Formateur : Axel Paris

Axel Paris a publié 2 tutoriels et obtenu une note moyenne de 5,0/5 sur 35 tutoriels vendus. Voir les autres formations de Axel Paris

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • Avec quelle version de logiciel ce tuto est-il compatible ?
    XD
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
  • Ce tuto est-il compatible avec la version gratuite d'Adobe XD ?
    Oui tout à fait ! La version gratuite est d'ailleurs très complète. Le seul intérêt de payer serait pour avoir plus de stockage dans le cloud principalement.
accédez à plus de 1214 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données