Formation Adobe XD
(3 jours)
Objectif :
Créer, modifier et partager facilement des prototypes interactifs sur l’ensemble des appareils et plates-formes, dont Windows, Mac, iOS et Android.
Pédagogie :
Un support de cours vidéo est remis en fin de stage. La formation est constituée d’apports théoriques, de démonstrations et de mises en pratique basées sur des exercices.
Public :
Webmasters, graphistes, directeurs artistiques, responsables de communication, chefs de projets…
Prérequis :
Une bonne connaissance du Web..
Programme
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 propriétés des objets
• les opérations booléennes
• les masques
• déplacement , répartition alignement
• créer et gérer une grille de répétition
• ajout d’effets utilisation du redimensionnement réactif et des contraintes
Importer des éléments
• importer du texte
• importer des images : fichiers Photoshop, Illustrator
• importation depuis la bibliothèque cc
• le panneau actifs
Création de prototypes interactifs
• 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 différents formats d’exportation
• exporter les plans de travail
• les formats d’images
• exportation d’actifs à partir de spécifications techniques
L'expériences
de Nos Clients
L'expériences de Nos Clients
L'expériences
de Nos Clients
Les cours enregistré en vidéo offerts sont super pour réviser.
