Introduction
- Présentation du cours
- Obtenir Adobe XD Gratuitement
- Les objectifs de l'application
- Télécharger des icônes libres de droits
- A vous de jouer ! Faites votre 1ere ébauche...
Maîtriser et comprendre les couleurs
- Présentation de la section
- Le cercle chromatique
- Moods (émotions & ambiance)
- La loi de Pareto
- Les outils pour trouver des couleurs modernes
- Trouver des couleurs à partir d’une image
UX - Expérience utilisateur
- Présentation de la section
- Comprendre l’UX (User Experience)
- Parcours utilisateur
- C’est quoi les personas ?
- Construire des personas
Conception des Wireframes
- Présentation de la section
- Wireframe - Liste des tâches
- Wireframe - Faire une tâche
- EXERCICE : Wireframe - Ajouter une tâche
- CORRECTION : Ajouter une tâche
UI - Interface utilisateur
- Présentation de la section
- Choisir notre thème graphique
- Design - Liste des tâches
- Design - Tâche
- EXERCICE : Design - Ajouter une tâche
- CORRECTION : Design - Ajouter une tâche
Rendre nos créations intéractives
- Présentation de la section
- C'est quoi le prototyping ?
- Découverte du prototyping dans Adobe XD
- Ajouter des interactions
- EXERCICE : Donner de l’interactivité
- CORRECTION : Donner de l’interactivité
- Publier et partager sa création
Présenter nos designs
- Présentation de la section
- 2 sites remarquables pour trouver de l'inspiration
- Présentation en Mockup
- Présentation isométrie (sans mockup)
- Présentation isométrie (avec mockup)
- Créer notre présentation
- Publier notre création
Style graphique différent
- Présentation de la section
- Wireframe - Liste des tâches
- Wireframe - Ajouter une tâche
- Wireframe - Modifier/supprimer une tâche
- Design - Liste des tâches
- Design - Ajouter une tâche
- Design - Modifier/supprimer une tâche
- Ajouter des interactions
- Créer & publier notre présentation
Bonus
- Bonus : Designer une application de météo pour Dribbble
- Mes autres formations
- Où me suivre ?
