Adobe XD prototypage maquette interactive

Objectifs

Adobe XD est un outil de conception d'expérience utilisateur vectoriel pour les applications Web et les applications mobiles, développé et publié par Adobe. C'est une solution d'UI/UX design performante pour la conception de sites web, d'applications et plus encore. Créez, maquettez, animez, prototypez,
Le stagiaire à l'issue de la formation sera capable de maîtriser les bonne pratiques de conception d'interfaces, de créer des interfaces interactives de sites Web et d'applications mobiles, de réaliser des parcours de navigation répondant aux besoins des utilisateurs, de partager et tester des prototypes pour réaliser des interfaces fonctionnelles.

Programme de la formation

INTRODUCTION

• Qu'est-ce que Adobe XD ?

• Les atouts et les enjeux du logiciel


LE PROTOTYPAGE

• Les étapes de conception

• Le design d'interface

• L'architecture de l'information

• Les tendances du design


DECOUVRIR L'INTERFACE D'ADOBE XD

• L'écran d'accueil

• Barre de menus et barre d'outils

• Les panneaux de propriétés

• Moodboard


LES PLANS DE TRAVAIL ET REPÈRES

• Ajouter et gérer les plans de travail

• Manipuler les grilles et les repères


LES FORMES

• Créer des formes simples

• Créer des éléments vectoriels avec l'outil Plume

• Créer une icône


Les textes

• Saisir du texte

• Importer des fichiers textes

• Gérer les styles de texte


LES IMAGES

• Importer des images

• Créer des masques


LES COULEURS

• Utiliser et gérer les couleurs

• Créer des dégradés de couleurs

• Générer des couleurs

LA GRILLE DE REPETITION

• Utiliser et gérer une grille de répétition

-Réaliser un écran d'accueil d'application mobile

• Conception d'une version papier ou maquette filaire détaillée

• Réalisation de l'interface sous Adobe XD


SYMBOLES ET KIT UI

• Créer et manipuler les symboles

• Sélectionner et utiliser des kits UI

• Créer deux écrans d'application mobile (connexion/inscription)


PROTOTYPER

• Créer des interfaces responsives

• Définir un parcours utilisateur

• Créer les liens d'interactions

• Prévisualiser l'interface

• Définition de positions fixes

• Créer des Overlays

• Animation Automatique

• Utilisation des gestes tactiles


PARTAGER

• Créer des liens de partage

• Déposer des commentaires

• Partage d'un prototype sur le web


TESTER

• Enregistrer une vidéo des interactions

• Installer l'application Adobe XD

• Tester le prototype en direct

• Les couleurs

• Visualisation sur tablette et smartphone



LES PLUG-INS

• Téléchargements et installations de plug-Ins



Nos certifications

Validation et sanction

Attestation

Type de formation

Non certifiante

Sortie

Information non communiquée