Cette série de tutoriels 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 évidement évoquées, notamment lors de la réalisation d’une partie d’une application qui va nous servir de fil rouge tout au long de ce cours.
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.
Cette formation en vidéo de plus de 6H 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.
XD est un logiciel qui est mis à jour tous les mois. La dernière version utilisée est la version XD 11, 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 complète Adobe XD
Nous aborderons les points suivants :
- Découverte du logiciel : comment installer le logiciel, découvrir son interface et comprendre les plans de travail.
- Le mode Design : nous verrons comment créer des objets primitifs et comment utiliser la plume. Nous verrons comment manipuler et transformer des éléments, pour notamment modifier leur apparences. Pour gagner du temps nous verrons comment utiliser les kits utilisateurs. XD est capable d’ouvrir des documents issus d’autres logiciels de design. Nous verrons ainsi, comment ouvrir un fichier Photoshop ou Sketch.
Ensuite nous enchaînerons avec d’autres notions à connaître comme : les masques, les grilles de répétition, les actifs. Nous terminerons avec les exportations. - Le mode Prototype : Nous verrons comment utiliser ce mode prototype d’XD. Comment relier vos plans de travail, comment gérer les transitions, comment utiliser les incrustations ou comment fixer un éléments dans XD. Enfin, nous terminerons avec l’aperçu de votre prototype sur votre écran et dans l’application mobile XD.
- Publication : nous verrons comment publier votre projet en ligne au travers d’un lien public ou privé. Nous verrons comment fonctionnent les commentaires et comment protéger votre projet par mot de passe.
Toutes les notions sont détaillées dans la table des matières du cours.
Pour réaliser nos exercices, des fichiers sources vous seront bien évidement fournis.
Un QCM est fourni et je reste disponible pour répondre à vos éventuelles questions.
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.
Cliquez sur l’image pour accéder à la formation