Accessible aux personnes à mobilité réduite pour le présentiel
Test de positionnement
Introduction
Comment suivre ce cours
Installation d'Adobe XD
Lien
Les bases d'Adobe XD
Découverte de l'interface
Les outils de conception
Exercice - Prise en main
Exercice - Fichier sources et Lien
Les raccourcis
Les raccourcis - PDF mémo
Le prototyping
Les Kits UI-UX
Bien démarrer le projet
Présentation du projet
Création du projet (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 icones
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
Le Prototyping
Ajouter des intéractions
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
Animation automatique - compteur dynamique
Page Profil
Pages Présentation
Animer les page Présentation
Animation avancée
Rendu - Exportation
Enregistrer votre application (en vidéo)
Partager son design (intéractif)
Exporter votre design (+ icones)
Exercices
Exercice 1 - Animation automatique
Exercice 1 - Fichiers sources
Exercice 2 - Créer un modal
Exercice 2 - Fichiers sources
Quiz final
