Outils UI design — Sketch, Adobe XD, Penpot Approfondissement

Adobe XD Consolidation et approfondissement

21 h Présentiel Visio Intra

Découvrez la puissance d’Adobe XD, l’un des logiciels les plus plébiscités dans le domaine du design d’interfaces et de prototypage.

Cette formation complète vous permettra de maîtriser les fonctionnalités avancées de cet outil, tout en optimisant votre workflow pour des réalisations professionnelles.

Ce que vous allez apprendre :

  • Les fondamentaux d’Adobe XD et ses dernières mises à jour.
  • Les meilleures méthodologies pour organiser et construire vos fichiers .xd.
  • L’optimisation de votre travail grâce aux meilleurs plugins Adobe XD.
  • La création de prototypes avancés avec des animations captivantes.
  • Les techniques pour exporter et partager efficacement vos projets.
  • Une immersion dans l’expérience utilisateur avec des étapes de conception détaillées.
  • La maîtrise des outils de dessin, de gestion des textes et des couleurs.
  • L’art de créer des interfaces d’applications mobiles responsives.
  • L’importance des propriétés partagées et comment mettre en œuvre des conceptions collaboratives.

Mise en Pratique : Tout au long de la formation, vous serez amené à réaliser des travaux pratiques pour intégrer efficacement vos compétences. Que ce soit l’intégration d’une charte graphique, la conception d’une maquette ou la mise en place de tests utilisateurs, chaque étape vous rapproche de la maîtrise complète d’Adobe XD.

Flexibilité : Nous comprenons l’importance d’un environnement d’apprentissage adapté. C’est pourquoi cette formation peut être réalisée directement dans vos locaux ou, si vous préférez, en visio synchrone via une plateforme comme Zoom.

Nos formateurs experts sont là pour vous guider, rendant l’apprentissage facile et interactif.

Différents formats existent pour cette formation :

  • Présentiel au sein de votre entreprise (Intra-entreprise)
  • Visio synchrone

Rejoignez la formation « Adobe XD Consolidation et approfondissement » dès aujourd’hui et  propulsez vos compétences en design et prototypage au niveau supérieur  !

2 Public concerné

  • UX/UI designers confirmés

3 Prérequis

  • Bases d’Adobe XD
  • Une très bonne connexion internet est requise pour le format distanciel synchrone

4 Objectifs pédagogiques opérationnels

À l'issue de la formation, le participant sera capable de :

  • Maîtriser un design system
  • Construire des composants avancés
  • Créer des prototypes interactifs complexes
  • Utiliser plug-ins et intégrations
  • Préparer le handoff développeur

5 Contenu détaillé

Maîtrise du design system
Comprendre les principes fondamentaux d’un design system et son importance dans le processus de création
Analyser des exemples de design systems existants pour en tirer des bonnes pratiques
Établir une charte graphique cohérente et des guidelines d’utilisation
Créer des styles globaux (typographie, couleurs, espacements) dans Adobe XD
Développer un design system collaboratif en intégrant les retours des parties prenantes

Création de composants avancés
Définir la notion de composants avancés et leur rôle dans la conception UX/UI
Utiliser les fonctionnalités de composants dans Adobe XD pour créer des éléments réutilisables
Gérer les variantes de composants pour répondre à différents états et interactions
Implémenter des composants imbriqués pour des conceptions plus complexes
Tester et optimiser les composants en fonction des retours utilisateurs

Prototypage interactif complexe
Explorer les fonctionnalités avancées de prototypage d’Adobe XD
Créer des interactions dynamiques et des transitions fluides entre les écrans
Utiliser des déclencheurs et des actions avancées pour enrichir l’expérience utilisateur
Intégrer des animations et des micro-interactions pour améliorer l’engagement
Évaluer l’efficacité des prototypes à l’aide de tests utilisateurs et de feedback

Utilisation de plug-ins et intégrations
Découvrir les plug-ins essentiels pour optimiser le flux de travail dans Adobe XD
Installer et configurer des plug-ins pour automatiser certaines tâches
Intégrer des outils externes (comme des bibliothèques de design ou des outils de gestion de projet) dans Adobe XD
Évaluer l’impact des intégrations sur la productivité et la collaboration
Partager et gérer les ressources créées avec les plug-ins au sein d’équipes

Préparation du handoff développeur
Comprendre les enjeux du handoff entre designers et développeurs
Utiliser les fonctionnalités d’Adobe XD pour préparer un livrable clair et complet
Créer une documentation accessible pour les développeurs (spécifications, assets, etc.)
Collaborer efficacement avec les développeurs pour résoudre les problèmes rencontrés
Évaluer la qualité du handoff à travers des retours d’expérience et des ajustements nécessaires

6 Méthodes pédagogiques

En amont de la formation

  • Échange préparatoire avec le bénéficiaire pour cerner le contexte et les attentes
  • Recueil des situations concrètes rencontrées par le participant
  • Adaptation du contenu au profil et au niveau

Pendant la formation

La formation combine systématiquement apports théoriques et applications pratiques :

  • Alternance de démonstrations techniques, travaux pratiques et réalisation progressive de supports visuels ou projets concrets
  • Exercices d’application réalisés sur les outils métiers permettant une appropriation progressive des techniques de création, retouche et mise en page
  • Analyse et correction des réalisations tout au long de la formation

7 Moyens pédagogiques et techniques

Environnement (selon le format choisi)

  • Format présentiel : salle équipée mise à disposition par le bénéficiaire ou par HM Formation
  • Format distanciel : poste équipé, connexion internet stable, casque/micro/webcam

Matériel et infrastructures fournis par HM Formation

  • Salle de formation équipée pour les sessions présentielles
  • Logiciel de visioconférence avec partage et contrôle d'écran (distanciel)
  • Documentation et supports remis au participant

Supports pédagogiques

  • Livret participant
  • Fiches outils
  • Cas pratiques
  • Bibliographie de référence

Encadrement

  • Formateur expert sur la thématique, intervenant terrain

8 Modalités d'évaluation

Évaluation des acquis

  • Évaluation initiale (positionnement) en début de formation
  • Exercices pratiques tout au long de la formation
  • Auto-évaluation des acquis en fin de formation

Évaluation de l'appréciation des participants

  • Questionnaire à chaud en fin de session
  • Questionnaire à froid 2 à 3 mois après la formation

Suivi de l'action de formation

  • Feuille d'émargement co-signée par demi-journée

9 Informations pratiques

Organisation du temps

Pour les sessions intra-entreprise

  • Dates et horaires définis en concertation avec l'entreprise cliente
  • Durée selon programme (voir page formation)
  • Lieu : dans vos locaux ou en visio synchrone

Pour les sessions inter-entreprise

  • Sessions planifiées au calendrier (voir dates dans la barre latérale)
  • Lieu : centre de formation HM Formation ou en visio synchrone

Modalité

  • Modalité applicable : Présentiel · Visio (visio synchrone)
  • La modalité est confirmée avec le participant en amont de la formation
  • Possibilité d'adaptation selon les contraintes du commanditaire (intra-entreprise)

Assistance pédagogique et technique (uniquement en visio synchrone)

Une assistance technique est disponible par email à info@hmformation.fr ou par téléphone au 01 82 02 15 75. Une assistance en direct est assurée pendant les horaires d'ouverture. En dehors de ces horaires, toute demande fait l'objet d'une réponse sous 24 heures ouvrées.

Accessibilité aux personnes en situation de handicap

HM Formation étudie avec le participant et son employeur les adaptations nécessaires pour rendre la formation accessible aux personnes en situation de handicap, en tenant compte des contraintes du poste de travail et du format choisi (présentiel/Visio synchrone). Un référent handicap est disponible pour échanger sur les besoins spécifiques.

10 Validation

Attestation individuelle de formation (L.6353-1 du Code du travail) mentionnant les acquis de l’apprenant, accompagnée de la grille d’évaluation des compétences.

Formations similaires