Accueil > Formations > Adobe XD UX/UI Design

Formation Adobe XD Complète

Vous souhaitez prendre en main Adobe XD rapidement et par la pratique ? 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. À 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 et vous ouvrira des portes dans le monde professionnel, que vous recherchiez un CDI dans le secteur ou vous lancer en freelance.

11 heures de contenu Niveau : débutant à confirmé Certificat inclus
Instructeur
Créé par Anthony Cardinale Ingénieur en informatique, Expert IA générative & Développement
Formation Adobe XD Complète UX/UI Design
Acheter sur Udemy

Cette formation comprend :

  • ✓ 11 heures de vidéo à la demande
  • ✓ Tous les fichiers .xd inclus
  • ✓ Images et ressources graphiques
  • ✓ Palette de couleurs personnalisée
  • ✓ Projets pratiques variés
  • ✓ Certificat de fin de formation
  • ✓ Accès à vie
  • ✓ Support de l'instructeur
  • ✓ Garantie 30 jours

Ce que vous apprendrez

🎨 Maîtriser Adobe XD pour l'UX/UI Design professionnel
📱 Créer des prototypes interactifs pour web et mobile
Concevoir des interfaces pour montres connectées
🔧 Développer vos propres plugins pour Adobe XD
🎯 Appliquer les bonnes pratiques UX/UI en entreprise
💼 Construire un portfolio professionnel de qualité

Contenu du cours

12 sections • 64 sessions

1. Introduction : Que va vous apporter cette formation ?

Pourquoi sélectionner cette formation et faire le meilleur choix ?
Fiche mémo : Les raccourcis clavier/souris d'Adobe XD en PDF
Petit message avant de poursuivre ce cours
Prise en main du lecteur vidéo d'Udemy pour bien suivre ce cours

2. Prise en main de Adobe XD et de ses outils d'UX design

Téléchargement d'Adobe XD pour se lancer dans l'UX design
Naviguer et se déplacer dans Adobe XD (+ raccourcis clavier)
Créer un espace de travail pour designer une maquette
Propriétés de l'espace de travail et utilisation de la grille de repère
Créer, paramétrer et utiliser un rectangle (primitive de base de XD)
Utiliser les autres primitives + grille de répétition + défilement
Utilisation de l'outil texte et personnalisation de la police
Les opérations booléennes avec Adobe XD et ses primitives
Créer et utiliser des actifs ou des composants (réutilisation d'assets)
Découverte des UI kits (Kits d'interface utilisateurs) pour prototyper

3. Premier projet : Créer un prototype de site e-commerce

À propos de cette section
Croquis sur papier du site e-commerce que nous allons prototyper
Spécifications fonctionnelles (cahier des charges) de notre projet
Recherche de couleurs, d'images, de polices et de références
Création du header de notre maquette e-commerce
Création des différents menus de notre boutique en ligne
Design des catégories de produits pour notre boutique
Création d'une section témoignages avec images défilantes
Design d'un bloc abonnement (produit avec caractéristiques)
Finalisation du footer et des pricing tables
Exporter/partager le projet et comprendre les types d'exportation

4. Transformer un wireframe en prototype réaliste

Les sites pour trouver des images, icônes, polices d'écriture
Création des icônes / visuels de nos catégories en mode "kawaii"
Ajout d'images pour les produits et témoignages
Utiliser la reconnaissance vocale et la synthèse vocale de XD
Télécharger les ressources du projet 1
Générer des graphismes à l'infini avec l'IA Midjourney

5. Projet n°2 : Création d'un proto de jeu mobile (Ludo)

Comprendre le projet et rassembler les ressources
Design de la page d'accueil de notre application mobile et logo
Création de la maquette du jeu mobile du Ludo + écran alternatif
Design des différents écrans représentant les actions du jeu
Transitions et animations entre les pages du jeu avec prototypage
Création de notre propre outil de visualisation de prototypes HTML
Télécharger les ressources du projet 2

6. Projet n°3 : Une application météo pour montre connectée

Création de l'application météo pour montre connectée + Dark mode
Sources du projet 3 (WatchWeather)

7. Études de cas, sources d'inspiration et astuces

Les sites indispensables sur l'UX design + analyse d'un site web
L'UX design dans le cadre d'un projet 3D ou en réalité virtuelle

8. Découverte des plugins indispensables pour Adobe XD

Découverte et utilisation de plugins XD partie 1 / 5
Découverte et utilisation de plugins XD partie 2 / 5
Découverte et utilisation de plugins XD partie 3 / 5
Découverte et utilisation de plugins XD partie 4 / 5
Découverte et utilisation de plugins XD partie 5 / 5
Liste des plugins XD que j'utilise

9. Développer un plugin pour Adobe XD et automatiser des tâches

Développement de plugins pour Adobe XD partie 1 / 4
Développement de plugins pour Adobe XD partie 2 / 4
Développement de plugins pour Adobe XD partie 3 / 4
Développement de plugins pour Adobe XD partie 4 / 4
Télécharger le code du plugin

10. Conclusion et téléchargement des fichiers sources

Conclusion, aller plus loin et téléchargement des sources
Télécharger toutes les ressources de la formation
Vendre ses créations en ligne avec Gumroad

11. Correction des exercices + fichiers XD des exercices pratiques

Solution : Design du logiciel de nettoyage pour PC
Solution : Design du logiciel de monitoring d'ordinateur
Un peu d'inspiration : La maquette de Marion pour le monitoring
Énoncé + Solution : Design d'une application tablette
Exo + Correction : Maquette couverture d'un livre informatique
Téléchargement des corrections des exercices

12. Bonus

Bonus : Rejoindre le serveur de discussion privé

Prérequis

  • Abonnement Adobe XD (Creative Cloud)
  • Ordinateur avec Adobe XD installé
  • Aucune connaissance préalable en UX/UI Design
  • Motivation pour apprendre le prototypage

À qui s'adresse cette formation

  • Débutants en UX/UI Design souhaitant maîtriser Adobe XD
  • Designers voulant se spécialiser dans le prototypage
  • Développeurs voulant comprendre le processus de design
  • Freelances voulant proposer des services de prototypage
  • Entrepreneurs créant leurs propres maquettes

Projets que vous réaliserez

🛍️

Site E-commerce Interactif

Concevez une boutique en ligne complète avec animations, transitions et prototypage avancé.

🎮

Application Mobile de Jeu

Créez le prototype d'un jeu mobile (Ludo) avec interface intuitive et interactions fluides.

App Météo pour Montre Connectée

Développez une interface spécialement adaptée aux contraintes des montres connectées.

Prêt à maîtriser Adobe XD et l'UX/UI Design ?

Rejoignez plus de 100 000 étudiants qui me font confiance

✓ Garantie satisfait ou remboursé 30 jours