Adobe XD - Initiation

Objectifs

Créer, modifier et partager facilement des prototypes interactifs sur l'ensemble des appareils et plates-formes, dont Windows, Mac, iOS et Android.

Programme de la formation

L'ESPACE DE TRAVAIL D'ADOBE XD

• Responsive Design – UI et UX


• Présentation des fonctionnalités d'Adobe XD


• Les étapes de conception


• Organisation de l'espace de travail


• Mode design et prototype

UTILISER LES PLANS DE TRAVAIL ET LES GRILLES

• La gestion des plans de travail


• Le panneau des calques


• Créer des grilles de prototype


• Téléchargement de kits d'interface utilisateur

LES OUTILS DE DESSIN

• Création des formes simples


• Utilisation de l'outil Plume


• Gestion des couleur et des dégradés


• Saisir du texte et utiliser des styles de texte


• Gestion des polices de caractère manquantes

MODIFIER LES PROPRIETES DES OBJETS

• Les opérations booléennes


• Les masques


• Déplacement , répartition alignement d'objets


• Créer et gérer une grille de répétition


• Ajout d'effets


• Utilisation du redimensionnement réactif et des contraintes

IMPORTER DES ELEMENTS

• Importer du texte


• Importer des images : fichiers Photoshop, Illustrator


• Importation depuis la Bibliothèque CC


• Le panneau Actifs

CREATION DE PROTOTYPES INTERACTIFS

• Création de plans de travail avec défilement


• Création de liens entre éléments interactifs et écrans cibles


• Animations automatiques


• Aperçu et enregistrement des interactions

TESTER SON PROTOTYPE

• Utilisation des gestes tactiles


• Mode aperçu sur l'ordinateur


• L'application mobile XD pour iOS ou Android


• Visualisation sur tablette et smartphone


• Enregistrer une vidéo des interactions


• Utilisation de modules externes

PRÉVISUALISATION DU DESIGN ET MISE A DISPOSITION DU PROTOTYPE

• Partage d'un prototype sur le web


• Partage d'un prototype pour le développement : les spécificités techniques


• Commenter un prototype partagé


• Prototype privé

LES DIFFERENTS FORMATS D'EXPORTATION

• Exporter les plans de travail


• Les formats d'images


• Exportation d'actifs à partir de spécifications techniques

Validation et sanction

Compréhension de l'espace de travail Adobe XD, en mettant l'accent sur le Responsive Design, l'UI et l'UX. Maîtrise de l'utilisation des plans de travail, des grilles, et des outils de dessin pour la création d'interfaces utilisateur. Compétence dans l'édition des propriétés des objets, la création de prototypes interactifs, et les tests de prototypes. Capacité à prévisualiser, partager, et exporter des designs et des prototypes, que ce soit pour le web, le développement, ou des formats d'images spécifiques.

Type de formation

Non certifiante

Sortie

Sans niveau spécifique