Adobe Xd - UX / UI & Prototypage

Formation créée le 06/10/2021. Dernière mise à jour le 02/02/2024.
Version du programme : 1
Taux de satisfaction des apprenants
9,5/10 (5 avis)

Type de formation

Formation à distance

Durée de formation

21 heures (3 jours)

Adobe Xd - UX / UI & Prototypage


Objectif de formation : Au terme de cette formation, l'apprenant pourra réaliser des prototypes et des kits UI à partir de d'Adobe XD

Objectifs de la formation

  • Maîtriser les fonctionnalités Adobe Xd
  • Concevoir des interfaces Web & Mobile
  • Réaliser des prototypes interactifs
  • Partager et tester les prototypes

Profil des bénéficiaires

Pour qui
  • Webdesigner
  • Graphiste
  • Directeur Artistique
  • Chef de projet
  • Consultants
  • Développeur
Prérequis
  • Aisance générale en informatique
  • Bonne connaissance de l’environnement Web/Mobile
  • Pratique d’outils de dessin vectoriel et bitmap

Contenu de la formation

Introduction à Adobe Xd
  • Les avantages d’Adobe Xd
  • Les enjeux du prototypage
Tour d’horizon de l’interface Adobe Xd
  • L’écran d'accueil
  • Barre de menus et barre d'outils
  • Les panneaux de propriétés
  • Raccourcis clavier
Plan de travail & repères
  • Les formes simples
  • L’outil plume
  • Gestion de la couleur
  • Les dégradés de couleurs
La gestion du texte
  • Éditer du texte
  • Gestion des styles
Grille de répétition
  • Utilisation des grilles de répétition
Exercice pratique
  • Réaliser une maquette d'après un parcours utilisateur
Créer des composants et kits UI
  • Les composants « Master »
  • Propriétés partagées et communes
  • Instances de composants
  • Redimensionnement réactif
Prototyper & animer
  • Connections entre les Frames
  • Les transitions
  • Gestion du scroll
  • Paramétrage et partage
  • Déclencheur et pilotage vocal
Partager, commenter et tester
  • Préparer et transmettre au développeur
  • Les liens de partage
  • Gestion des commentaires
  • Exporter/partager les ressources
  • Créer une team
  • Inspecter avec Adobe Xd
Exporter avec Adobe Xd
  • Exporter les plans de travail
  • Les formats d’exportation
Xd pour appareils mobiles
  • Exercice pratique : réaliser une maquette d’application mobile interactive
Atomic design
  • Découverte de l’Atomic design

  • Mise en place et intérêt de l’Atomic design
Guideline & design systems
  • Normaliser la conception des composants de l'interface utilisateur - Frameworks d'interface utilisateur
Plug-Ins
Conclusion et échange sur la formation
  • Discussion et bilan d’apprentissage
  • Remise des supports de formation

Équipe pédagogique

Notre collectif de formateurs regroupe des professionnels expérimentés et reconnus dans leur domaine, avare de connaissances et désireux de partager leur savoir.

Suivi de l'exécution et évaluation des résultats

  • Feuilles de présence.
  • Questions orales ou écrites (QCM).
  • Mises en situation.
  • Formulaires d'évaluation de la formation.
  • Certificat de réalisation de l’action de formation.

Ressources techniques et pédagogiques

  • Accueil des apprenants dans une salle dédiée à la formation.
  • Documents supports de formation projetés.
  • Exposés théoriques
  • Etude de cas concrets
  • Quiz en salle
  • Mise à disposition en ligne de documents supports à la suite de la formation.

Qualité et satisfaction

Taux de satisfaction des apprenants, nombre d'apprenants, taux et causes des abandons, taux de retour des enquêtes, taux d'interruption en cours de prestation.
Taux de satisfaction des apprenants
9,5/10 (5 avis)