Formation Adobe XD

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

Le Futur c'est Maintenant.
Connectons-nous !

Alexandre Bruno

Mail : hello@ohmymotion.fr
06 59 17 19 35 ou 04 90 51 94 52
2169 Route des cabanes, 84860 Caderousse