PROMO CHRONO ! PROFITEZ DE -60%  

Designer des applications avec Adobe XD

Dans ce parcours de formation vous allez tout savoir sur la conception de l’interface utilisateur (UX/UI) d’applications à partir de zéro en utilisant Adobe XD. Vous apprendrez tout le workflow d’un designer d’application. Vous suivrez Axel dans la création de la même application mais avec un design et un style opposé.

Objectifs pédagogiques
  • Maîtriser et comprendre les couleurs
  • UX - Expérience utilisateur
  • Conception des Wireframes
  • UI - Interface utilisateur
  • Rendre les créations interactives
  • Savoir présenter son projet
  • Diversifier les versions
  • Utiliser le Prototyping

Prérequis
  • UX - Expérience utilisateur
Objectifs
Unité 1 : Introduction
• Présentation du cours
• Obtenir Adobe XD Gratuitement
• Les objectifs de l’application
• Télécharger des icônes libres de droits

Unité 2 : 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 moderne
• Trouver des couleurs à partir d’une image

Unité 3 : UX - Expérience utilisateur
• Présentation de la section
• Comprendre l’UX (User Experience)
• Parcours utilisate
• C’est quoi les personas ?
• Construire des personas

Unité 4 : Conception des wireframes
• Présentation de la section
• Wireframe - Liste des tâches
• Wireframe - Faire une tâche

Unité 5 : UI - Interface utilisateur
• Présentation de la section
• Choisir notre thème graphique
• Design - Liste des tâches
• Design - Tâche

Unité 6 : Rendre nos créations interactives
• Présentation de la section
• C’est quoi le prototyping ?
• Découverte du prototyping dans Adobe XD
• Ajouter des interactions

Unité 7 : Présenter nos designs
• Présentation de la section
• 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

Unité 8 : 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

Témoignages De Nos étudiants

Tester gratuitement