
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
990 €
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
- Sur demande auprès de notre service formation : formation@usabilis.com ou par téléphone 01 57 63 86 58
Modalités pédagogiques
100% à distance – jusqu’à 8 participants maximum
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
Maîtriser l’interface Adobe XD
Créer et gérer des composants
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
- 18, rue de Saisset
- 92120 Montrouge
- 01 57 63 86 58
- formation@usabilis.com
Mairie de Montrouge
Sortie 6 : rue Louis Rolland