Formation
UX / UI Design – Design d’interface utilisateur (Adobe XD)

Intitulé de la Formation UX/UI Design

UX / UI Design – Concevoir des interfaces utilisateur avec Adobe XD

Objectif de la Formation UX/UI Design

À l’issue de la formation, le stagiaire sera capable de concevoir des interfaces utilisateur ergonomiques et cohérentes, de structurer une expérience utilisateur fluide et de réaliser des prototypes interactifs à l’aide d’Adobe XD, depuis la création graphique jusqu’au partage pour tests et production.

Prérequis pour la Formation UX/UI Design

Maîtrise de l’environnement informatique (Windows ou macOS)
Aucun prérequis en UX/UI design ou en graphisme

Objectifs pédagogiques

À l’issue de la formation, le stagiaire sera capable de :

  • Comprendre les principes fondamentaux du UX et du UI Design
  • Prendre en main l’interface et les outils d’Adobe XD
  • Concevoir des écrans et interfaces graphiques
  • Structurer un projet de design d’interface utilisateur
  • Utiliser styles, composants et contraintes
  • Créer des prototypes interactifs
  • Exporter et partager un projet pour tests et production

Tout public :

  • Graphistes
  • Web designers
  • Chargés de communication / marketing
  • Entrepreneurs / indépendants
  • Toute personne souhaitant concevoir des interfaces Web ou mobiles

Durée totale : 2 jours – 14 heures
Modalité : présentiel / distanciel / intra entreprise
Effectif : 1 à 6 participants
Horaires : modulables

Module 1 – Introduction au UX / UI Design

  • Comprendre les notions de design d’interface (UI) et d’expérience utilisateur (UX)
  • Identifier les domaines d’application : Web, mobile, applications
  • Découvrir le rôle d’Adobe XD dans un projet UX/UI
  • Comprendre les normes et bonnes pratiques du design d’interface

Module 2 – Prise en main d’Adobe XD et paramétrage

  • Découvrir l’interface et les zones de travail d’Adobe XD
  • Paramétrer l’interface utilisateur et les préférences
  • Apprendre les raccourcis essentiels
  • Adopter les usages professionnels des outils de design

Module 3 – Création graphique des interfaces

  • Créer des plans de travail et organiser les calques
  • Utiliser des formes prédéfinies et créer des formes personnalisées
  • Sélectionner, positionner, transformer et organiser les éléments
  • Paramétrer tailles, couleurs, dégradés et styles
  • Ajouter des effets graphiques
  • Utiliser les masques
  • Créer et mettre en forme des blocs de texte
  • Importer et modifier des éléments vectoriels et des images bitmap

Module 4 – Structuration et gestion du projet

  • Organiser les fichiers et projets Adobe XD
  • Gérer les calques, grilles et repères
  • Mettre en place des styles globaux
  • Créer et utiliser des composants
  • Exploiter les overrides (textes, images, composants imbriqués)
  • Utiliser les contraintes de redimensionnement

Module 5 – Prototypage et interactions utilisateur

  • Comprendre le principe du prototypage
  • Définir l’écran de départ d’un prototype
  • Créer des connexions entre les écrans
  • Mettre en place des transitions et animations
  • Tester les différentes interactions utilisateur
  • Simuler un parcours utilisateur complet

Module 6 – Tests, exportation et partage

  • Prévisualiser et tester un prototype
  • Tester un projet sur smartphone
  • Partager un projet avec des collaborateurs ou clients
  • Exporter les écrans en formats JPG, PNG et PDF
  • Exporter les éléments graphiques pour la production ou le développement

Module 7 – Mise en pratique professionnelle

  • Application des compétences acquises
  • Réalisation d’un projet UX / UI complet
  • Cas pratiques adaptés aux besoins du stagiaire
  • Apports théoriques
  • Démonstrations commentées
  • Exercices pratiques progressifs
  • Mise en situation sur des cas concrets
  • Support pédagogique remis en fin de formation
  • Matériel informatique et logiciel
  • Supports de cours numériques
  • Fichiers et ressources fournis
  • Évaluations formatives tout au long de la formation
  • Exercices pratiques et mises en situation
  • Réalisation d’un projet de création d’interface
  • Questionnaire d’auto-évaluation en fin de formation

Attestation de fin de formation remise au stagiaire

La formation est accessible aux personnes en situation de handicap.
Pour toute demande d’adaptation, merci de nous en faire part afin d’étudier ensemble les solutions possibles.

Inscription sur demande
Le délai d’accès varie en fonction du mode de financement retenu. Un délai supplémentaire peut être nécessaire dans le cadre d’un financement via le CPF.

Tarif : NC
Financements possibles selon éligibilité : OPCO, FAF, financement personnel.
Formation éligible au financement par le Compte Personnel de Formation (CPF).

Intéressé par cette formation ?

Ce programme peut être adapté à votre niveau, à vos objectifs et à votre contexte professionnel.
Discutons ensemble des modalités, du contenu et des solutions de financement possibles.