Formation Adobe XD pour concevoir vos maquettes UX/UI

Maîtrisez le logiciel Adobe XD

concevoir des maquettes UX/UI sur Adobe XD

Notre formation Adobe XD est faite pour tout professionnel souhaitant maîtriser un logiciel de design graphique d’interfaces web, mobiles, responsive.

Adobe XD est le dernier né de la suite Adobe et rencontre un large succès parmi les fans de la marque. Le logiciel est en passe de devenir un incontournable du maquettage UX/UI. Contrairement à Photoshop ou Illustrator, qui sont des logiciels plus généralistes, Adobe XD est dédié à 100% à la conception d’interfaces graphiques. Facile de prise en main il a l’avantage d’être parfaitement compatible avec le reste de la suite Adobe.

Cette formation est majoritairement basée sur la pratique de l’outil et notre formateur / consultant UI designer vous accompagne dans la prise en main de Adobe XD et dans la création de vos premières maquettes. Seule une bonne maîtrise générale des outils informatiques est requise pour cette formation.

Durée

2 jours

Prix

792 €

Public concerné

Concepteurs, designers, webdesigners, webmasters, développeurs front-end, PO, chefs de projets AMOA

Pré-requis

Aisance générale avec l’informatique.

Prochaines formations

Modalités pédagogiques

Selon les sessions, nos formations sont dispensées en présentiel ou à distance

Télécharger le programme de la formation

Objectifs

Maîtriser un des logiciels phare de conception

À l’issue de la formation, vous pourrez :

  • Utiliser l’interface Adobe XD avec aisance
  • Gérer des palettes de couleurs et des polices de manière dynamiques
  • Travailler en parfaite collaboration
  • Créer des composants
  • Créer des librairies de composants
  • Créer des gabarits de page
  • Créer un prototype navigable
  1. Maîtriser l’interface de Adobe XD

    Maîtriser l’interface Adobe XD

  2. Adobe XD : créer et gérer des composants

    Créer et gérer des composants

  3. Adobe XD : concevoir des gabarits d’écran mobile, desktop, responsive

    Concevoir des prototypes interactifs

Programme de la formation

Jour 1 – Matin

Introduction Adobe XD (C’est quoi ? Pour qui ? Pour quoi faire?)

1- Les fonctionnalités de base 

  • Créer et nommer les boxs
  • Ajouter et éditer un texte
  • Ajouter et éditer une forme
  • Utiliser les Boolean et mask sur Adobe XD
  • Ajouter des commentaires
  • Partager le fichier et ajouter des collaborateurs

2 – Créer des styles sur Adobe XD 

  • Créer et éditer des styles de couleur
  • Créer et éditer des styles de texte

3 – Créer des composants sur Adobe XD

  • Créer des composants “master”
  • Créer et éditer des instances
  • Redimensionner des composants
  • Nommer les composants (les règles de nommage)

Jour 1 – Après-midi

4 – Gérer les Contraintes, grille et l’auto layout

  • Gérer les contraintes
  • Utiliser l’auto layout
  • Ajouter une grille

5 – Créer un prototype interactif

  • Faire des connections entre les frames
  • Comprendre les différentes transitions (smart animate …)
  • Gérer le scroll
  • Voir, paramétrer et partager un prototype interactif

6 – Préparer et transmettre au développeur

  • Faire des exports
  • Télécharger / importer un fichier
  • Inspecter sur Adobe XD (code)
  • Partager une librairie et créer une team ?

Jour 2 – Exercice de mise en situation

A partir d’un brief client, les participants réalisent la maquette d’un parcours utilisateurs.

Contact / Lieu de la formation

Usabilis

Télécharger le plan d’accès

Mairie de Montrouge

Metro : 4 Sortie 6 : rue Louis Rolland

Bus : 68, 126, 128