Se former à la suite Adobe XD

Acquérir les bonnes pratiques de conception d'interfaces web et mobiles

Être capable de créer des prototypes de pages web et mobile

Extrait de la formation diplomante Chef de Projet Web et Stratégie Digitale

Introduction :
- Comprendre les atouts d’Adobe XD ?
- Exemple d’outils comparables (Axure, Sketch, Invision)
- Comprendre le prototypage web

Les étapes du processus de conception UX :
- Le design d'interface
- L'architecture de l'information
- Les tendances du design

L’interface d’Adobe XD :
- Découvrir l'interface d'Adobe XD
- L'écran d'accueil
- Barre de menus et barre d'outils
- Les panneaux de propriété

Les plans de travail et repères :
- Ajouter et gérer les plans de travail
- Manipuler les grilles et les repères

Les calques :
- Créer et gérer les calques et les groupes de calque

Les outils de forme :
- Créer des formes simples
- Créer des éléments vectoriels avec l'outil Plume
- Créer une icône

L’outil texte :
- Saisir du texte
- Importer des textes
- Gérer les styles de texte

Les images :
- Importer des images
- Créer et gérer les masques

Les symboles :
- Les boutons
- Les icones
- La navigation desktop et mobile

Les couleurs :
- Utiliser et gérer les couleurs
- Créer des dégradés de couleurs
- Générer des couleurs

La grille de répétition :
- Utiliser et gérer une grille de répétition

Réaliser une interface d’application mobile :
- Conception d'une version papier ou maquette filaire détaillée
- Réalisation de l'interface sous Adobe XD

Le kit UI :
- Créer et gérer les composants
- Types des composants
- Les propriétés des composants
- Redimensionner un composant
- Sélectionner et utiliser un kit UI
- Créer deux écrans pour une version desktop (connexion / inscription)

Créer un prototype web :
- Créer un parcours utilisateur
- Créer une interface responsive design
- Créer les liens d'interactions entre les pages
- Prévisualiser l'interface

Exporter et tester une interface web ou mobile :
- Exporter les plans de travail
- Choisir les formats d'export (PNG, JPEG...)
- Tester le prototype via un navigateur
 

Pas de prérequis exigé pour suivre cette formation

Tout public

Des formations adaptées au monde professionnel et permettant aux stagiaires d'être immédiatement opérationnel

Adaptation des apports théoriques et pratiques de la formation à l'individualité de chaque stagiaire