
Découvrez les grandes lignes de la formation dans cette petite introduction.
À quoi sert Adobe XD ?
Quels sont les différences avec Photoshop ou Illustrator ?
Quel sera le plan de la formation ?
C'est parti, vous allez apprendre pleins de choses !
Installons ensemble Adobe XD sur votre mac ou votre PC gratuitement.
À la fin de cette vidéo, les panneaux "Design" et "Prototype" n'auront plus de secrets pour vous.
Dans cette vidéo, nous attaquons notre premier projet concret.
Nous créons nos premiers éléments d'interfaces, les premières grilles de répétitions.
Pour vous entrainer, n'hésitez pas à télécharger le fichier utilisé dans cette vidéo ci-joint.
Le Pathfinder et les grilles de répétitions permettent de donner toute son importance à Adobe XD dans un flux de création.
Pour vous entrainer, n'hésitez pas à télécharger le fichier utilisé dans cette vidéo ci-joint.
Il est temps d'animer notre application pour la tester sur nos différents appareils.
Pour vous entrainer, télécharger les fichiers utilisés dans cette vidéo ci-joint.
Découvrez comment partager vos prototypes avec votre client selon deux moyens :
- L'enregistrement de vidéos
- La création d'un site web de présentation du prototype
Pour vous entrainer, n'hésitez pas à télécharger le fichier Adobe XD utilisé dans cette vidéo ci-joint.
Exportez vos assets directement depuis Adobe XD pour réaliser rapidement votre intégration ou les partagez avec vos intégrateurs HTML/CSS.
Pour vous entrainer, n'hésitez pas à télécharger le fichier Adobe XD utilisé dans cette vidéo ci-joint.
Découvrez une des nouveautés de mi-2018, la possibilité de créer et d'utiliser des plans de travail responsives dans Adobe XD.
Pour vous entrainer, n'hésitez pas à télécharger le fichier Adobe XD utilisé dans cette vidéo ci-joint.
Grosse nouveauté de 2018 : les animations et micro-interactions ainsi que l'ajout d'Amazon Alexa. Découvrons tout ça ensemble.
Pour vous entrainer, n'hésitez pas à télécharger le fichier Adobe XD utilisé dans cette vidéo ci-joint.
Apprenez à gérer vos actifs pour gagner du temps et utilisez de projets en projets sans perte.
Pour vous entrainer, n'hésitez pas à télécharger le fichier Adobe XD utilisé dans cette vidéo ci-joint.
Découvrez comment exploitez Adobe XD au travers des autres logiciels de la suite Adobe ou des plug-ins et add-ons tiers.
Pour vous entrainer, n'hésitez pas à télécharger le fichier Adobe XD utilisé dans cette vidéo ci-joint.
Adobe XD est le logiciel que j'attendais !
Ce logiciel de prototyping a été une révélation pour moi.
Auparavant, nous échangions des fichiers JPG avec nos clients. Cela excluait toute discussion sur le scénario ou les animations.
Adobe nous a donné la brique logicielle qui manquait au workflow de création d'une entreprise comme la mienne.
Sans exploser les coûts, nous allions enfin pouvoir échanger avec nos clients sur trois points essentiels :
- Le design
- Le scénario d'utilisation de leur application
- les animations
Que comprend cette formation à Adobe XD ?
Cette formation se découpe en trois modules :
Module 1
À quoi sert Adobe XD ?
Comment l'utiliser ?
Comment gagner du temps ?
Je vous donne toutes les réponses à ces questions dans ce premier module, grâce à plusieurs vidéos :
Introduction
Installez Adobe XD
Découvrez l'interface d'Adobe XD
Créez vos premiers écrans simples
Découvrez le pathfinder et les grilles de répétitions (là, vous allez vraiment découvrir que ce logiciel est dingue !)
Réalisez votre premier prototype en ajoutant des liens et des transitions entre vos pages
Partagez votre projet avec votre client. Recueillez très rapidement ses remarques pour ne pas perdre de temps. Et le temps, c'est de l'argent.
Exploitez votre projet en production grâce aux fonctions d'export
À la fin de ce module, vous serez autonome sur Adobe XD et vous aurez la possibilité de créez et partagez vos premiers prototypes.
En bonus, vous aurez accès à tous les fichiers utilisés dans ce module.
De quoi découvrir les détails de ma méthode et avoir une base pour démarrer vos propres projets.
La prochaine étape, c'est de se perfectionner et de découvrir toutes les fonctionnalités les plus puissantes d'Adobe XD. C'est le but du second module.
Module 2
Cette fois-ci, découvrez toute la puissance d'Adobe XD :
Créez des écrans responsives directement dans Adobe XD
Créez des micro-animations directement dans Adobe XD
Ajoutez des déclenchements à la voix grâce à Amazon Alexa
Faites parler votre application avec Amazon Alexa
Gagnez du temps en réutilisant vos symboles et vos éléments dans tous vos projets
À la fin de ce deuxième module, vous serez devenu un utilisateur averti d'Adobe XD, capable de l'utiliser dans son intégralité.
En bonus, Je vous donne accès à tous les fichiers utilisés dans ce module ainsi qu'à d'autres fichiers utiles commes des Kits UI.
Vous allez maintenant pouvoir utiliser Adobe XD avec tous les logiciels qui viennent se connecter. Et c'est ce qu'on va voir tout de suite dans le troisième module.
Module 3
Exportez vos animations dans Adobe After Effects et ajoutez-les dans votre Showreel
Découvrez les plugins associés à Adobe XD