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
Adobe XD : maîtriser les animations

ajouter ce cours aux favoris retirer ce cours des favoris

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é 3 tutoriels et obtenu une note moyenne de 4,8/5 sur 86 tutoriels vendus. Voir les autres formations de Axel Paris

4,8
note moyenne

4
avis laissés
5 étoiles
3
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de membre-5769-3733 laissé le 16/04/2021
    Super formation ! Les explications sont très claires, et complémentaires avec une autre formation que j'ai suivie. Celle-ci permet de bien comprendre les animations et les exemples sont concrets et très pratiques. D'ailleurs, il serait sympa d'avoir une formation complémentaires avec d'autres "astuces" / animations ;) Merci !

  • 5
    avis de membre-165-5497 laissé le 16/11/2020
    Excellent ! simple et efficace. C'est comme ça qu'on en apprend le plus selon moi. Merci mille fois !
    "Merci beaucoup pour votre avis ! Ravi d'avoir pu vous aider :)"

  • 4
    avis de membre-9925-4813 laissé le 08/09/2020
    Très ludique, bravo. J'espère un prochain tuto Adobe XD orienté animation avec de nouvelles astuces.

  • 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 1330 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données