Introduction

• Présentation du cours

• Comment suivre la formation

• Test de positionnement

• Installation d'Adobe XD

Module 1 : Prise en main d'Adobe XD

• Découverte de l'interface

• Les outils de conception

• Exercice de prise en main avec fichier source

• Les raccourcis essentiels (+ PDF mémo)

Module 2 : Prototypage

• Le prototyping dans Adobe XD

• Ajouter des interactions simples

• Astuces pour augmenter la zone cliquable

• Création d'un menu latéral

Module 3 : Lancer un projet complet

• Utilisation des kits UI-UX

• Présentation et création du projet (plans de travail)

• Pages de connexion, inscription, tableau de bord

Module 4 : Gestion des assets

• Utiliser les actifs (couleurs, typographies, styles)

• Création et mise à jour de symboles

• Ajouter des icônes

• Structuration et navigation

Module 5 : Création des pages

• Page Liste des associations

• Grille de répétition

• Alignement, header, éléments fixes

• Pages : Actualités, Plus, Association, Profil

Module 6 : Concepts avancés

• Utiliser les overlays (ex : clavier iOS)

• Plugins pour importer automatiquement des visuels

• Création de compteurs dynamiques

Module 7 : Animation avancée

• Pages de présentation animées

• Techniques d'animation automatique

• Exercice : Animation et modal interactif

Module 8 : Exportation et partage

• Enregistrement en vidéo

• Partage de prototype interactif

• Export du design et des icônes

Module 9 : Exercices pratiques

• Exercice 1 : Animation automatique

• Exercice 2 : Création d'un modal

• Fichiers sources inclus

Module 10 : Évaluation finale

• Quiz de validation des acquis

• Clôture du parcours