Formation complète sur Adobe XD
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Formation complète sur Adobe XD

Emmanuel Correia
49,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Cette série de tutos en vidéo est une formation complète sur le fonctionnement du logiciel Adobe XD
Ce n’est pas un cours sur le web design ou le design d’applications, bien que des notions y soient évidements évoquées notamment lors de la réalisation d’une partie d’une application à la fin de la partie théorique.
 

Pré-requis pour suivre ce cours dans de bonnes conditions

Cette formation concerne à la fois les débutants et les initiés.
Il est préférable au préalable, mais pas nécessaire d’avoir des notions en web design ou en design d’application. £
Une connaissance du système Adobe sera la bienvenue mais là aussi ce n’est pas un pré-requis obligatoire.

Adobe XD permet la création et le prototypage de design d'interfaces utilisateur pour les sites web et les applications mobiles. Il permet aussi le partage de ces prototypes avec les parties prenantes et les équipes de développement.
Xd est devenu tellement pratique qu’il peut aussi servir de logiciel de mise en page pour des petits projets. Il peut aussi servir à créer des présentations de document interactifs.
Xd est un logiciel qui est mis à jour tous les mois, la dernière version utilisée est la version XD 32, mais comme XD dispose d’une version gratuite, vous pourrez facilement mettre à jour votre version si vous n’avez pas la même que moi.
 

Au programme de cette formation Adobe XD Complète

Plus de 9h de formation 100% à distance ! La formation sera également mise à jour en fonction des prochaines nouveautés ajoutées.
Voici en attendant, les notions couvertes dans ce cours Adobe XD

  • Nous aborderons l’ensemble des fonctionnalités du logiciels, d’abord celles du module Design c’est à dire la partie création à proprement parler.
  • Nous verrons ensuite comment réaliser des prototypes en créant des interactions
  • Puis nous aborderons le thème du partage en ligne des prototypes.
  • Pour réaliser nos exercices pratiques, des fichiers sources vous seront bien évidement fournis.

A la fin de cette formation vous saurez utiliser Adobe XD ce qui vous permettra de réaliser vos propres Designs et prototypes. 
Vous saurez aussi partager ces prototypes avec les parties prenantes et avec votre équipe de développement !

Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Module design
Chapitre 3
Les actifs
Chapitre 4
Exportations
Chapitre 5
Plug-ins
Chapitre 6
Module prototype
Chapitre 7
Partager

Plan détaillé du cours

Chapitre 1 : Introduction
23m26s
 
Leçon 1Introduction
Leçon 2Présentation de l'exercice
Leçon 3Installation d'XD
Leçon 4Page d'accueil
Leçon 5Interface d'XD
Leçon 6Menu principal PC (Version 38 Mars 2021)
Leçon 7Navigation dans un document
Chapitre 2 : Module design
3h49m
 
Leçon 1Création et manipulation des plans de travail
Leçon 2Nouveaux formats
Leçon 3Nouveaux formats (XD 47 Janvier 2022)
Leçon 4Grilles et repères dans les plans de travail
Leçon 5 Couleur de fond des plans de travail
Leçon 6Sauvegardes
Leçon 7Création des objets primitifs
Leçon 8L'outil plume
Leçon 9Couleurs fond et contour
Leçon 10Vectoriser le contour (XD 41)
Leçon 11Dégradé angulaire (XD 41)
Leçon 12Ombre transparence et modes de fusion
Leçon 13Ombres internes (XD 41)
Leçon 14Sélection et panneau calques
Leçon 15Transformations
Leçon 16Transformations 3D (Mise à Jour Octobre 2020)
Leçon 17Copier et Coller
Leçon 18 Création et manipulation des groupes
Leçon 19 Aspect dans les groupes et Dissocier
Leçon 20Les Opérations Booléennes
Leçon 21Les Alignements
Leçon 22Importations et ouvertures
Leçon 23Modifications dans Photoshop
Leçon 24Manipulation des images dans leur bloc
Leçon 25Masquer les images et les formes
Leçon 26Le texte
Leçon 27Hauteur Automatique pour le texte (Mise à Jour Octobre 2020)
Leçon 28Grille de répétition 1/2
Leçon 29Grille de répétition 2/2
Leçon 30Les kits d'interface utilisateur
Leçon 31Redimensionnement réactif 1/2
Leçon 32Redimensionnement réactif 2/2
Leçon 33Les marges et les piles 1/2
Leçon 34Les marges et les piles 2/2
Leçon 35Hauteur automatique et Piles (Mise à Jour Octobre 2020)
Leçon 36Les défilements
Leçon 37Importation de vidéos (XD 45 - Octobre 2021)
Leçon 38Importation d'animations vectorielles de type Lottie (XD 45 - Octobre 2021)
Leçon 39Animations simultanées (XD 47 Janvier 2022)
Chapitre 3 : Les actifs
51m05s
 
Leçon 1Le panneau Bibliothèques (Mise à Jour Octobre 2020)
Leçon 2Couleurs dans les actifs
Leçon 3Les styles de caractères
Leçon 4Les composants 1/3
Leçon 5Les composants 2/3
Leçon 6Les composants 3/3
Leçon 7Composants imbriqués (Mise à Jour Octobre 2020)
Leçon 8Survol des composants imbriqués (Mise à Jour Octobre 2020)
Leçon 9Etat de bascule (mise à jour XD40)
Leçon 10Faire des groupes (XD 45 - Octobre 2021)
Chapitre 4 : Exportations
14m15s
 
Leçon 1Exporter dans After Effects
Leçon 2Exporter
Chapitre 5 : Plug-ins
19m43s
 
Leçon 1Plug_ins installation et gestion
Leçon 2Artboardplus, Calendar et Lorem_Ipsum
Leçon 3UnDraw et Stark
Leçon 4UI Faces et Repetor
Chapitre 6 : Module prototype
2h15m
 
Leçon 1Interactions basiques 1/2
Leçon 2Interactions basiques 2/2
Leçon 3Onglet Flux
Leçon 4Position de défilement fixe
Leçon 5Défiler pour
Leçon 6Les incrustations
Leçon 7Lecture audio
Leçon 8Déclencheur voix
Leçon 9Plusieurs déclencheurs
Leçon 10Plusieurs actions
Leçon 11Animations automatiques
Leçon 12Animation des contours et les pointillés
Leçon 13Délais
Leçon 14Touches et manettes de jeu
Leçon 15Etat de survol
Leçon 16Lier les états de composants
Leçon 17Micro interactions
Leçon 18Créer un Menu déroulant avec des composants
Leçon 19Faire glisser et animation automatique
Leçon 20Carrousel faire glisser et animation automatique
Leçon 21Carrousel avec des composants
Leçon 22Flux de travail multiples
Leçon 23Hyperliens (XD 47 Janvier 2022)
Chapitre 7 : Partager
24m23s
 
Leçon 1Principes de base du partage
Leçon 2Partage pour examen de la conception
Leçon 3Sécuriser un partage
Leçon 4Partager pour l'équipe de développement
Leçon 5Partager pour un test utilisateur
Leçon 6Co-création
Leçon 7Partager sur Behance.net (XD 45 - Octobre 2021)
Chapitre 8 : Exercice
1h40m
 
Leçon 1Exercice introduction - 1/13
Leçon 2Création de la première page et vérification des actifs - 2/13
Leçon 3Création de la barre de menu principale - 3/13
Leçon 4Menu du bas - 4/13
Leçon 5Design de la page principales - 5/13
Leçon 6Design de la page "Les plus vus" - 6/13
Leçon 7Design de la page d'un spot - 7/13
Leçon 8Design de la page de la carte - 8/13
Leçon 9Création du carrousel - 9/13
Leçon 10Création de la zone des commentaires - 10/13
Leçon 11Création de la zone de saisie des commentaires - 11/13
Leçon 12Prototypage - 12/13
Leçon 13Animation automatique - 13/13
Leçon 14Faire un cœur avec des micros interactions ((XD 45 - Octobre 2021))
Chapitre 9 : Conclusion
44s
 
Leçon 1Conclusion

Aperçus

Avis des apprenants

Détail des avis
207
Apprenants
14
Commentaires
5/5
Note moyenne
5/5
13
4/5
1
3/5
0
2/5
0
1/5
0
Julie Juré
Julie Juré
Publié le 06/03/2024
Merci pour cet excellent tuto. Les explications sont claires. Le rythme est progressif. J'apprécie particulièrement le fait de nous montrer les erreurs possibles et les situations dans laquelle on peut se retrouver en difficultés. Malgré que le tuto soit ancien, j'ai eu un retour rapide à une de mes questions et je me suis pas sentie perdue ! Merci !
Emmanuel Correia
Merci beaucoup !
Stéphane Antropius
Stéphane Antropius
Publié le 03/05/2022
J'ai apprécié la formation : la voix ne fatigue pas l'apprenant, le rythme m'a convenu, et je suis arrivé au bout sans effort, en ayant l'impression d'avoir compris et ne pas avoir laissé de zones d'ombres. L'exercice final, expliqué, permet d'appliquer la formation pour construire une application déjà évoluée. Je recommande !
Emmanuel Correia
Merci beaucoup !
Barbara Bugiani
Barbara Bugiani
Publié le 26/02/2022
J'ai apprécié car il va pas trop vite et explique clairement. merci
Emmanuel Correia
Merci !!

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

XD

Quel est le niveau requis pour suivre ce tuto ?

débutant

Bonjour, je souhaite savoir si dans ce tuto qui a l'air très complet sur XD une fois que nus avons créé une appli ou un site. Ma question est donc est-ce que vous nous apprenez aussi comment faire pour le traduire directement en html et CSS pour mettre en ligne. Car jusqu'à présent j'ai beau lire la documentation XD voir les vidéo de démo d'Adobe, je ne comprend pas comment faire, je suis débutant sur ce logiciel, mais ayant pas mal de notions sur les logiciels Photoshop, illustrator, Indesign, After Effect, Dreamweaver ... je souhaite savoir si une fois le projet réalisé il faut le refaire sur Dreamweaver ou si on peut directement le mettre en ligne. Merci d'avance pour votre réponse. Cordialement Bipbip59

Bonjour, Merci pour votre question. Adobe Xd ne sert qu'au Design et au Prototypage. Il ne génère pas de code (sauf un peu de CSS). Il faut donc coder ensuite le design pour qu'il soit opérationnel en ligne. Il existe cependant une appli qui permet de convertir un Design fait dans XD en code. Ce plug-ins se nomme Anima. Je ne l'ai pas personnellement essayer. Bien cordialement. Emmanuel Correia

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données