Objectifs de la formation
Cette formation vous permet d'identifier et d'utiliser une méthodologie optimisée dans la construction des fichiers Adobe XD, d'optimiser votre workflow avec une sélection des meilleurs plugins Adobe XD et d'exporter et de partager vos projets UX/UI Design.
Public
Graphiste, webdesigner, UI Designer, UX Designer, chef de projet ou toute personne devant utiliser Sketch dans le cadre de la conception et création d’interface.
Durée
14 heures en présentiel ou en classe virtuelle sur 2 jours
Pré-requis
Avoir une bonne maîtrise des fonctionnalités de base d'Adobe XD.
Formateur
Formateur Expert en design d’interface, UX/UI Design
Méthode pédagogique
8 participants maximum, un poste par stagiaire et un support de cours est envoyé en fin de stage (vidéos tutorielles et/ou support spécifique). La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices applicatifs et/ou ateliers.
Modalité de validation des acquis
Évaluation continue via des exercices applicatifs et/ou des ateliers de mise en pratique. Évaluation en fin de stage par la complétion d'un questionnaire et/ou d'une certification officielle issue du Répertoire Spécifique. Émargement quotidien d'une feuille de présence (en présentiel ou en ligne). Complétion par le formateur/la formatrice d'un suivi d'acquisition des objectifs pédagogiques. Remise d'une attestation individuelle de réalisation.
Programme Adobe XD Perfectionnement
Préambule sur Adobe XD
- Rappeler les fonctionnalités phares du logiciel Adobe XD, ses spécificités par rapport aux autres solutions
- Découvrir les dernières actualités du logiciel Adobe XD
Acquérir une méthodologie optimisée dans la construction de fichiers .xd
- Organiser son projet de l’UX à l’UI : web design vs app mobile
- Acquérir une bonne convention de nommage (fichiers, pages, artboards, calques, actifs, composants…)
- Mettre en place des grilles, des layouts et des repères
- Mettre en place des actifs (styles de couleurs et de textes)
- Créer des composants et exploiter les fonctionnalités de l’override (textes, images, composants imbriqués)
- Exploiter les contraintes de redimensionnement
- Organiser ses composants
- Ajouter et gérer des librairies partagées par plusieurs documents
- Profiter des ressources et modèles externes spécifiques à Adobe XD
- Profiter d’une sélection des meilleurs plugins et services spécifiques à Adobe XD
Optimiser votre workflow avec une sélection des meilleurs plugins Adobe XD
- Disposer de faux contenu (textes et images)
- Accéder directement aux banques d'images et d'icônes
- Créer et importer des contenus personnalisés (textes et images)
- Mettre à jour le contenu importé
- Renommer, réorganiser les calques et artboards en masse
- Automatiser les transformations des éléments sur les différents devices
- Automatiser les positions des éléments en fonction du contenu
Créer un prototype avancé avec des animations
- Définir le premier écran du prototype
- Ajouter différents états aux composants
- Maîtriser les différentes possibilités d'interactions et d'animations
- Insérer des interactions tactiles et/ou vocales
- Ajouter de la lecture audio ou vocale, des animations
Exporter et partager son projet Adobe XD
- Visionner ses écrans sur un mobile
- Exporter ses écrans en fichiers pdf, jpg et png ou sur le cloud
- Exporter les éléments pour la production (code et assets)
- Profiter des options de collaborations
- Exporter les éléments sur Zeplin
- Organiser son projet de l’UX à l’UI : web design vs app mobile
- Acquérir une bonne convention de nommage (fichiers, pages, artboards, calques, actifs, composants…)
- Mettre en place des grilles, des layouts et des repères
- Mettre en place des actifs (styles de couleurs et de textes)
- Créer des composants et exploiter les fonctionnalités de l’override (textes, images, composants imbriqués)
- Exploiter les contraintes de redimensionnement
- Organiser ses composants
- Ajouter et gérer des librairies partagées par plusieurs documents
- Profiter des ressources et modèles externes spécifiques à Adobe XD
- Profiter d’une sélection des meilleurs plugins et services spécifiques à Adobe XD
Optimiser votre workflow avec une sélection des meilleurs plugins Adobe XD
- Disposer de faux contenu (textes et images)
- Accéder directement aux banques d'images et d'icônes
- Créer et importer des contenus personnalisés (textes et images)
- Mettre à jour le contenu importé
- Renommer, réorganiser les calques et artboards en masse
- Automatiser les transformations des éléments sur les différents devices
- Automatiser les positions des éléments en fonction du contenu
Créer un prototype avancé avec des animations
- Définir le premier écran du prototype
- Ajouter différents états aux composants
- Maîtriser les différentes possibilités d'interactions et d'animations
- Insérer des interactions tactiles et/ou vocales
- Ajouter de la lecture audio ou vocale, des animations
Exporter et partager son projet Adobe XD
- Visionner ses écrans sur un mobile
- Exporter ses écrans en fichiers pdf, jpg et png ou sur le cloud
- Exporter les éléments pour la production (code et assets)
- Profiter des options de collaborations
- Exporter les éléments sur Zeplin
- Définir le premier écran du prototype
- Ajouter différents états aux composants
- Maîtriser les différentes possibilités d'interactions et d'animations
- Insérer des interactions tactiles et/ou vocales
- Ajouter de la lecture audio ou vocale, des animations
