- Description
- Curriculum
- FAQ
- Examens
Vous souhaitez prendre en main ADOBE XD rapidement et par la pratique ? Votre objectif est de concevoir des prototypes ergonomiques et fonctionnels sous XD ? Alors ce cours complet est fait pour vous !
Assurez-vous d’avoir accès à Adobe Xd via votre abonnement avant de vous inscrire à ce tuto.
Cette formation a été pensée pour vous rendre rapidement opérationnel sur de la conception de maquettes et de prototypes interactifs avec Adobe XD, l’outil de UX Design incontournable. XD est un outil impressionnant car très simple à prendre en main mais extrêmement puissant. A l’issue de ce cours vous serez en mesure de créer des prototypes interactifs poussés et de qualité. Adobe XD vous permet de créer des interfaces fonctionnelles proches du produit final.
Ce cours tout en 1 vous permettra de monter en compétence rapidement avec XD. Cela vous ouvrira des portes dans le monde professionnel que vous recherchiez un CDI dans le secteur ou même vous lancer en freelance. Je partagerai d’ailleurs avec vous des conseils et astuces pour vous lancer en freelance et travailler en collaboration avec votre client pour répondre au mieux à son besoin.
Le cours est découpé en plusieurs sections et exercices pratiques (basés sur des cas réels) :
-
Une section sur la découverte des outils proposés par Adobe XD et leur utilisation
-
Une section e sur la conception d’une maquette web type e-commerce
-
Une partie sur l’amélioration de votre maquette et la création d’interactions (pour s’approcher d’un produit final)
-
Une section complète sur un projet d’application mobile
-
Un mini projet pour montre connectée à écran tactile
-
Un topo sur l’UX design spécifique aux expériences 3D et à la réalité virtuelle
-
Découverte des principaux plugins pour ajouter des fonctionnalités à Adobe XD
-
Créez votre propre plugin et vos propres outils pour XD !
Vous découvrirez également de nombreuses astuces très pratiques :
-
Trouver de superbes couleurs pour vos maquettes
-
Trouver des icônes et des images
-
Interagir avec des commandes vocales
-
Faciliter la vie des développeurs via de nombreuses astuces
-
Partager vos prototypes
-
Tester votre maquette sur mobile
Je vous fournirai tous les fichiers d’exercice pour que vous puissiez suivre ce cours avec moi. Vous aurez accès aux fichiers .xd, à mes images, à ma palette de couleurs… L’ensemble des ressources sont accessibles en téléchargement. Des exercices vous permettront de tester vos connaissances et de créer encore plus de projets concrets et réels.
Pourquoi choisir cette formation ?
Les autres formations ne vous apprennent que les bases et vous lâchent dans la nature. Dans mon cours, on se base sur des projets réels et concrets. De plus nous étudions tous les types de projets possibles (Web, Mobile, logiciels, Montres connectées, 3D, Créer des outils pour Xd).
Augmentez votre employabilité
Développeur et ingénieur en informatique de formation, je suis habitué à intégrer des maquettes et prototypes. Je vous donnerai des astuces pour faciliter la vie des développeurs, facilité la collaboration avec les développeurs et je vous transmettrai des connaissances qui boosteront votre carrière. Tout ce que nous allons faire dans cette formation pourra être ajouté à votre CV / Portfolio.
Une formation TOUT en 1 !
Les autres formations sont découpées en plusieurs modules ou sous-formations vendues séparément. On vous force donc à assembler un cours par vous même. Ici non, tout y est, il s’agit d’une formation TOUT en 1 ou tout est abordé pour passer de débutant à confirmé.
Si vous ne savez pas par où commencer, ne cherchez plus. Ce cours tout en 1 sur Adobe XD vous aidera à apprendre par la pratique et vous pourrez ajouter plusieurs projets à votre CV. Les projets sont variés et vous permettront de faire face à n’importe quelle situation. De plus nous travaillerons sur des cas concrets ce qui vous permettra de mieux vous projeter sur vos projets et vos futurs clients.
Convaincu ? Alors il est temps de rejoindre mon cours, c’est satisfait ou remboursé !
-
1Pourquoi sélectionner cette formation et faire le meilleur choix ?
Pourquoi choisir Adobe Xd ? Pourquoi cette formation plutôt qu'une autre ? Qu'est-il possible de faire avec Xd ? La réponse dans cette vidéo ainsi que dans l'article de blog suivant : https://formation-facile.fr/devenez-une-star-d-ux-avec-adobe-xd/
-
2Fiche mémo : Les raccourcis clavier/souris d'Adobe Xd en PDF
La version en ligne de cette fiche mémo est sur formation facile fr.
-
3Petit message avant de poursuivre ce cours
-
4Prise en main du lecteur vidéo d'Udemy pour bien suivre ce cours
-
5Téléchargement d'Adobe XD pour se lancer dans l'UX design et le prototypage
-
6Naviguer et se déplacer dans Adobe XD (+ raccourcis clavier)
-
7Créer un espace de travail pour designer une maquette
-
8Propriétés de l'espace de travail et utilisation de la grille de repère
-
9Créer, paramétrer et utiliser un rectangle (primitive de base de XD)
-
10Utiliser et manipuler les autres primitives + grille de répétition + défilement
-
11Utilisation de l'outil texte et personnalisation de la police d'écriture
-
12Les opérations booléennes avec Adobe XD et ses primitives
-
13Créer et utiliser des actifs ou des composants (réutilisation d'assets)
-
14[Important] A propos de la prochaine vidéo
-
15Découverte des UI kits (Kits d'interface utilisateurs) pour prototyper sous XD
Pour accéder à une fiche mémo avec les raccourcis essentiels rendez-vous sur formation facile fr dans le blog.
Pour ceux qui souhaitent récupérer le kit d'Apple directement au format zip vous pouvez le faire sur formation-facile.fr dans la rubrique formations / téléchargements en bas de page.
Sinon vous pouvez le récupérer au format DMG sur le site officiel d'Apple comme présenté dans la vidéo. Vous aurez alors un fichier au format DMG. Il existe également des convertisseurs dmg vers zip. Enfin bref quoi qu'il arrive il n'est pas obligatoire de récupérer tous les kits. C'est à titre indicatif.
-
16A propos de cette section
-
17Croquis sur papier du site e-commerce que nous allons prototyper avec Adobe XD
-
18Spécifications fonctionnelles (cahier des charges) de notre premier projet
-
19Recherche de couleurs, d'images, de polices, d'inspiration et de références
-
20Création du header de notre maquette e-commerce
-
21Création des différents menus de notre boutique en ligne
-
22Design des catégories de produits pour notre boutique en ligne
-
23Création d'une section témoignages avec images défilantes (slider)
-
24Design d'un bloc abonnement (produit avec caractéristiques)
-
25Finalisation du footer et des pricing tables (abonnements)
-
26Exporter/partager le projet et comprendre les types d'exportation de XD
-
27Les sites pour trouver des images, icônes, polices d'écriture, inspiration...
-
28Création des icônes / visuels de nos différentes catégories en mode "kawaii"
-
29Ajout d'images pour les produits et témoignages (feed d'images / slider)
-
30Utiliser la reconnaissance vocale et la synthèse vocale de XD pour le prototype
-
31Exercice : Designer l'interface d'un logiciel de bureau
-
32Télécharger les ressources du projet 1
-
33Générer des graphismes (icônes, images) à l'infini avec l'IA Midjourney
Dans cette vidéo bonus je vous montre comment vous allez pouvoir utiliser l'intelligence artificielle pour générer vos ressources (icônes, illustrations, images, bannières...) facilement, instantanément et à l'infini grâce à Midjourney.
-
34Comprendre le projet et rassembler les ressources dont nous allons avoir besoin
-
35Design de la page d'accueil de notre application mobile et de son logo
-
36Création de la maquette du jeu mobile du Lodo + d'un écran alternatif
-
37Design des différents écrans représentant les actions réalisables dans le jeu
-
38Transitions et animations entre les pages du jeu avec Adobe XD et le prototypage
-
39Création de notre propre outil de visualisation de prototypes HTML
-
40Télécharger les ressources du projet 2
-
45Découverte et utilisation de plugins XD partie 1 / 5
-
46Découverte et utilisation de plugins XD partie 2 / 5
-
47Découverte et utilisation de plugins XD partie 3 / 5
-
48Découverte et utilisation de plugins XD partie 4 / 5
-
49Découverte et utilisation de plugins XD partie 5 / 5
-
50Designer un logiciel de suivi de performances du PC
-
51Liste des plugins Xd que j'utilise
-
52Développement de plugins pour Adobe XD partie 1 / 4
-
53Développement de plugins pour Adobe XD partie 2 / 4
-
54Développement de plugins pour Adobe XD partie 3 / 4
-
55Développement de plugins pour Adobe XD partie 4 / 4
-
56Exercice : Créez d'autres formes avec votre plugin !
-
57Solution de l'exercice de codage précédent
-
58Télécharger le code du plugin
-
61Solution : Design du logiciel de nettoyage pour PC
-
62Solution : Design du logiciel de monitoring d'ordinateur
-
63Un peu d'inspiration : La maquette de Marion pour le logiciel de monitoring
-
64Énoncé + Solution : Design d'une application tablette
-
65Exo + Correction : Maquette couverture d'un livre informatique
-
66Téléchargement des corrections des exercices