Introduction
- Comment suivre ce cours ?
- Installation d’Adobe XD
Les bases d'Adobe XD
- Découverte de l’interface
- Les outils de conception
- Exercice : Prise en main
- Les raccourcis
- Le prototyping
- Les Kits UI/UX
Bien démarrer avec le projet
- Présentation du projet
- Création des plans de travail
- Page de connexion
- Dupliquer une page : Page d’inscription
- Tableau de bord
Les Actifs
- C'est quoi les Actifs ?
- Mettre à jour nos couleurs
- Mettre à jour nos styles de textes
Les symboles
- C'est quoi les Symboles ?
- Mettre à jour nos boutons
- Ajouter des icônes
- Navigation
- Ajouter la barre iOS
- Page Liste des associations
Répétitions & positionnement
- Grille de répétitions
- Page Association
- Aligner et répartir les espaces
- Améliorer le header
- Scroll (+ Fixer un élément)
- Page Actualités
- Page Plus
Prototyping
- C’est quoi le Prototyping ?
- Ajouter des interactions
- Astuce : Augmenter les zones cliquables
- Menu latéral
Concepts avancés
- Les overlays : Ajouter le clavier iOS
- Les plugins : Importer des photos directement depuis Adobe XD
- Plugin "Lorem Ipsum"
- Animation automatique : compteur dynamique
- Page Profil
- Pages Présentation
- Animer les pages Présentation
- Animation avancée
Rendu & exportation
- Télécharger la correction
- Enregistrer votre application (en vidéo)
- Partager son design (intéractif)
- Exporter votre design (+ icônes)
Exercices
- Exercice : Créer un modal
- Exercice : Animation automatique
Bonus
- Mes autres formations
- Le mot de la fin...
