Programme de la formation
Concevoir des Sites Web Responsives avec Adobe XD : Maîtrise Complète

• Introduction à Adobe XD et aux fondamentaux UI/UX

  - Découverte de l'interface et des outils de base d'Adobe XD.
  - Principes fondamentaux du design UI (User Interface).
  - Principes clés de l'UX (User Experience) et de l'ergonomie web.

• Configuration de l'espace de travail et artboards

  - Création et gestion des plans de travail (artboards) pour différents écrans.
  - Personnalisation de l'espace de travail et des préférences.
  - Utilisation des grilles et guides pour un alignement précis.

• Outils de dessin et manipulation d'objets

  - Maîtrise des outils de forme (rectangle, cercle, polygone, ligne).
  - Utilisation de la plume pour des formes personnalisées.
  - Les opérations booléennes et le Pathfinder.

• Gestion des couleurs, typographie et images

  - Application et gestion des couleurs (palettes, dégradés).
  - Sélection et personnalisation des polices de caractères pour le web.
  - Importation et optimisation des images et illustrations.

• Composants réutilisables et systèmes de design

  - Création et gestion des composants (Symbols).
  - Mise à jour globale des composants pour une cohérence.
  - Introduction aux systèmes de design et bibliothèques de composants.

• Conception responsive : principes et techniques
• Prototypage interactif : liaisons et transitions

  - Création de liaisons entre les artboards et les éléments.
  - Choix des transitions (dissolution, glissement, push).
  - Ajout de micro-interactions et d'effets visuels.

• Interactions avancées et animations

  - Utilisation des états de composants pour des interactions complexes.
  - Création d'animations personnalisées avec l'Auto-Animate.
  - Gestion des déclencheurs et actions (clic, survol, temps).

• Prototypage vocal et test utilisateur

  - Intégration du prototypage vocal (Voice Prototyping).
  - Partage et diffusion des prototypes pour le test utilisateur.
  - Collecte de feedback et itérations de conception.

• Plugins Adobe XD et intégrations externes
• Préparation à l'exportation et production

  - Exportation des actifs graphiques pour les développeurs.
  - Préparation des spécifications de design (Spec Docs).
  - Bonnes pratiques pour le handover aux équipes de développement.

• Projet pratique et bonnes pratiques UI/UX

  - Réalisation d'une maquette responsive complète de A à Z.
  - Synthèse des bonnes pratiques UI/UX pour le web.
  - Astuces et ressources avancées pour Adobe XD.
  ---
  ### Compétences Acquis