Description
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 pédagogiques
- Maîtriser les fonctionnalités Adobe Xd
- Concevoir des interfaces Web & Mobile
- Réaliser des prototypes interactifs
- Partager et tester les prototypes
Public concerné
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
Déroulé du programme
1
Introduction à Adobe Xd
- Les avantages d’Adobe Xd
- Les enjeux du prototypage
2
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
3
Plan de travail & repères
- Les formes simples
- L’outil plume
- Gestion de la couleur
- Les dégradés de couleurs
4
La gestion du texte
- Éditer du texte
- Gestion des styles
5
Grille de répétition
- Utilisation des grilles de répétition
6
Exercice pratique
- Réaliser une maquette d'après un parcours utilisateur
7
Créer des composants et kits UI
- Les composants « Master »
- Propriétés partagées et communes
- Instances de composants
- Redimensionnement réactif
8
Prototyper & animer
- Connections entre les Frames
- Les transitions
- Gestion du scroll
- Paramétrage et partage
- Déclencheur et pilotage vocal
9
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
10
Exporter avec Adobe Xd
- Exporter les plans de travail
- Les formats d’exportation
11
Xd pour appareils mobiles
- Exercice pratique : réaliser une maquette d’application mobile interactive
12
Atomic design
- Découverte de l’Atomic design
- Mise en place et intérêt de l’Atomic design
13
Guideline & design systems
- Normaliser la conception des composants de l'interface utilisateur - Frameworks d'interface utilisateur
14
Plug-Ins
15
Conclusion et échange sur la formation
- Discussion et bilan d’apprentissage
- Remise des supports de formation
Informations
Durée
3 jour(s)
21h
Tarif
1850 € HT
HT
Formations similaires
Design & marketing digital
Assertivité et affirmation de soi
2 jour(s)
Sur demande
Design & marketing digital
Autocad - Fondamentaux
4 jour(s)
2380 € HT
Design & marketing digital
AutoCAD - Perfectionnement
2 jour(s)
1000 € HT
Design & marketing digital
Axure: Conception de Maquettes d'Interface Graphique
4 jour(s)
2750 € HT